CodePen

HTML

            
              <div class="col col3ia">
<img src="http://bit.ly/osegEG" alt="" />
  <a href="#">Facebook</a>
</div>

            
          
!

CSS

            
              * {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

.col {
  border: 1px solid lightgrey; /* for visibility */
  line-height: 30px; /* same height as image */
  margin:25px; /* just a bit of breathing room */
  overflow:hidden; /* quick cleafix */
}

.col img {
  width: 30px;
  height: 30px;
  float:left;
}

.col a {
  text-decoration:none;
  float:left;
  display:block;
  margin-left:10px; /* use as much as you need to push this away */
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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