Looking for a way to adjust the placement of text next to an image? Checkout this code snippet:
https://i.sstatic.net/LhR6x.png
Want to center the text beside the image in CSS?
CSS:
header{
padding: 20px;
background-color: #34495e;
color: black;
}
.header-1{
color: white;
padding: 0px 190px;
font-size: 17px;
vertical-align: middle;
line-height: 20px;
}
.logopng{
width: 35px;
height: 35px;
}
HTML:
<header>
<div class="header-1">
<img src="http://i.imgur.com/cGlBmw7.png" class="logopng">
Rocket League Prices
</div>
</header>
UPDATE: added vertical-align:middle to the image class