title: Input within an li with display block doesn't look good, why?
body: <p>When I put an <code>input</code> with <code>type=text</code> within a <code>li</code> item with <code>display:block</code> I get weird results?
  Here is an example:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;input type="text" value="withvalue" style="display: block" /&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="text" style="display: block" /&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>For the first <code>input</code> I can only see the bullet when the <code>input</code> is focused and it's inside the <code>input</code>.
  For the second <code>input</code>, it is not in the same line as the <code>li</code> parent bullet.</p>
  
  <p>Can someone please explain it and maybe suggest a fix?</p>
  
  <p>Thanks</p>