title: When i change the Display property of the "select", "button" and "input" elements to "inline", they still behaves like "line-block". Why?
body: <p>Those elements are supposed to be inline-block by default, but when i change their display property to &quot;inline&quot;, they keep behaving like inline-block. Their width and height is still respected. I don't understand why? Same thing doesn't happen with a Div element.</p>
  <pre><code>&lt;select name=&quot;random&quot;&gt;
      &lt;option&gt;some text&lt;/option&gt;
      &lt;option&gt;another text&lt;/option&gt;
      &lt;option&gt;more text&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>select {
      display:inline;
      width:300px;
      height:200px;
      }
  </code></pre>
  <p>And here's an example with Div to demonstrate that changing the display property to inline makes the element behave like an inline.</p>
  <pre><code>&lt;div&gt;some text&lt;/div&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>div {
      background-color:blue;
      display:inline;
      width:500px;
      height:500px;
      }
  </code></pre>