• 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

B

bogus

Guest
#1
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
Code:
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>
 

Attachments

Brogan

XenForo moderator
Staff member
#2
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.
 
B

bogus

Guest
#3
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 ,)