Aligning on the same line

css, html

Solution

Place divs side-by-side in a container

<div style="width:600px;">
    <div id="logo">Text Here</div>
    <div style="float:right;">Text There</div>
</div>

Then add `display:inline-block;` CSS property to both the divs.

Fiddle

Problem

I'm just trying to align some text on the same line, my CSS is this: ``` #logo { width: 600px; margin: auto; margin-top: 250px; } ``` And my code: ``` <div id="logo">Text Here <div align="right">Text There</div> </div> ``` this is what it shows: would you guys happen to know what it is that I'm doing wrong? I tried inline styling for the second div, for a `padding: 0; and margin: 0;` but didn't work. I just want it to be on the same line, but adjusted on the right. Thanks for all suggestions.

Original source