title: Why doesn't my div inside a span work properly?
body: <p>I'm writing the following <code>HTML</code> markup:</p>
  
  <pre><code>&lt;span&gt; Some Text
      &lt;div id="ch"&gt;татата&lt;/div&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>and styles:</p>
  
  <pre><code>span{
      border: 1px solid black;
      text-align:center;
      width: 300px;
      height: 300px;
      background: aqua;
  }
  #ch{
      width:100px;
      height:100px
      background: yellow;   
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/7Q4VT/" rel="noreferrer">jsFiddle</a></p>
  
  <ol>
  <li>Why is the <code>height</code> property not applied to a <code>div</code> element which inside the <code>span</code>, but width is applied?</li>
  <li>Why is the right border of my <code>span</code> is missing?</li>
  </ol>