Question

okay so i have a div and a span right next to each other by using display:inline-block.
But the problem is when i put things into the div, the span also moves down to align it. how can i stop this and keep the span up top next to the top of the div.

HTML:

<div id="meat">
HELLO
</div>

<span id="tomato">
HELLO
</span>

CSS:

#meat{
    width:713px;
    border:1px solid #000;
    margin-left:169px;
    display:inline-block;

}

#tomato{
    width:199px;
    border:3px solid #000;
    display:inline-block;
}

you can see my live example at MYSITE

Answer 1

Try

float: right;

Instead of

display:inline-block;

On your span