title: what mechanism is preventing divs from fully occupying their parent's width?
body: <pre><code>  &lt;div class="apg apg-text column-dir" data-image-mode="original_mouse" data-mask-effect="disabled" data-mouseover-effect="fade_both" data-title-align="middle-center" style="min-height: 403px;"&gt;
          &lt;div class="post-9 apg-post apg-post-text" data-post-id="9" width="1000px"&gt;
              &lt;a class="apg-grid-item" href="http://victorbartis.ro/wordpress/project/ambasada-iubirii" width="1000px"&gt;
                  &lt;div class="post-thumbnail" data-image-width="60"&gt;
                      &lt;img src="http://victorbartis.ro/wordpress/wp-content/uploads/2018/12/T1.jpg" style="top: 353px; left: 1014.5px; visibility: hidden; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 0);"&gt;
                  &lt;/div&gt;
                  &lt;div class="apg-post-title" width="1000px"&gt;
                      &lt;div class="title" data-font="font_iz9ovceku" width="100%" display="inline-block"&gt;
                          &lt;p class="calupstanga"&gt;AMBASADA IUBIRII &lt;/p&gt;
                          &lt;p class="calupmijloc"&gt;&amp;nbsp;&lt;/p&gt;
                          &lt;p class="calupdreapta"&gt; undeva in oras&lt;/p&gt;
                      &lt;div style="clear: both;"&gt;&lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <code>width=</code> and <code>display=</code> attributes were placed there manually be me attempting to cause the inner elements match the outermost element width.
  Tried multiple values like <code>auto</code>, <code>100%</code>, <code>1000</code>, <code>1000px</code>, checked the <code>margin</code> and <code>padding</code> attributes to be 0. I am guessing some other elements' attributes are getting in the way. Any tips?</p>