title: How to make a button with image inside?
body: <p>I want to make a buttons that looks like:</p>
  <p><img src="https://i.stack.imgur.com/EJwIO.jpg" alt="enter image description here" /></p>
  <p>I tried this:</p>
  <p>css:</p>
  <pre><code>button {
     color: #900;
     border: 1px solid #900;
     font-weight: bold;
     width: 200px;
     height: 100px;
   }
  
   button img {
     margin-right: 5px;
     vertical-align: middle;
   }
  </code></pre>
  <p>html:</p>
  <pre><code>&lt;button class=&quot;btnExample&quot; type=&quot;submit&quot; value=&quot;Submit&quot;&gt;
      &lt;img src=&quot;./images/img04.jpg&quot; width=&quot;18&quot; height=&quot;18&quot; alt=&quot;&quot;/&gt;Submit&lt;/button&gt;
  </code></pre>
  <p>And result:</p>
  <p><img src="https://i.stack.imgur.com/hjbU8.jpg" alt="enter image description here" /></p>
  <p>Why image so small(18*18px)? How to make image bigger?</p>