• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Image in a row with text



Hello. I´m having a little prblem with an inage i want to get before some text. The image(s) i want to display are a bit higher then the text and i can not figure out how to get all in one row

Attached is a Picture. As you can see, the Flag Icon is a bit higher. I tested all on Photoshop and there is no space anywhere

Thats the CSS and HTML Code i am using
The CSS:
.brainImg_de { background: url("styles/wikiFlags/de.jpg") no-repeat; float: left; padding: 0 20px; }
and thats the HTML Code:
<div class="brainImg_de">Wie richte ich meinen BNC ein?</div>



XenForo moderator
Staff member
Try using top to position it.
Or, I tend to put the image and text in a div and use line height and height to align mine.


I´ve just tooked out the float left and added a left to the image which results in what i wanted. If the css formatting is correct now.. I don´t know ,)