CodePen

HTML

            
              <p><a href="#" class="smallbutton"></a><a href="#" class="smallbutton "></a></p>
<p><a class="buttonimageonly" target="_blank" href="#"><img width="20" height="20" src="http://www.versionone.co.uk/images/social20/linkedin.png" alt="" align="left"></a></p>
<p><a href="#" class="smallbutton">A with text</a></p>
<p> how p tags behave normally, with 20px line-height. text text and more text  text text and more texttext text and more text text text and more texttext text and more text text text and more text</p>
<p><a href="#" class="smallbutton"></a><a href="#" class="smallbutton ">with text</a> A without text increases the overall height of a p tag.</p>
<p><a class="buttonimage" target="_blank" href="#"><img width="20" height="20" src="http://www.versionone.co.uk/images/social20/linkedin.png" alt="" align="left">Subcribe</a><a class="buttonimageonly" target="_blank" href="#"><img width="20" height="20" src="http://www.versionone.co.uk/images/social20/linkedin.png" alt="" align="left"></a></p>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              *{
  font-family: Arial,Helvetica,Verdana,sans-serif;
  line-height:20px;
  font-size:13px;
}
body{
  margin: 0 auto;
  width:600px;
}
img {
    height: auto;
    width: auto;
}
p{
  overflow:hidden;
  clear:both;
  width:600px;
  background:#d5d5d5;
  margin-bottom:20px;
}
.smallbutton, .buttonimage, .buttonimageonly {
  display: inline-block;
  font-size:11px;
  height:20px;
  line-height: 20px;
  text-decoration: none;
  background:#333;
  color:#fff;
  border-radius: 4px 4px 4px 4px;
  padding:0 8px;
  margin-right:10px;
 }
.buttonimage {
    background:#fff;
    color:#333;
    border: 1px solid #CCCCCC;
    padding-left: 0;
  position:relative;
}
.buttonimage img {
    display: inline;
    float: left;
    height: 20px;
    margin: 0 8px 0 0;
    padding: 0;
}
.buttonimageonly {
  padding:0;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................