How to show 2 divs inline?

I have two divs and I you like them to show one next to other horizontally I mean one on the left and the other on the right?

Find

Reply

Wrap them in a div then use CSS float property.

HTML:

Code:

<div>
<div class="left">some content</div>
<div class="right">some content</div>
</div>

CSS:

Code:

.left {
float: left;
}
.right {
float: right;
}

Find

Reply

Better to use CSS inline-block property.

Code:

<div class"wrapper">
<div>1</div>
<div>2</div>
</div>

Code:

.wrapper div {
display: inline-block;
vertical-align: middle;
}

Find

Reply

Thanks Marcus your solution works better +1

Find

Reply