1. 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

Discussion in 'Styling and Customization Questions' started by bogus, Jan 4, 2012.

  1. bogus

    bogus Guest

    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> 

    Attached Files:

  2. Brogan

    Brogan 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.
  3. bogus

    bogus Guest

    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 ,)

Share This Page