quick ! html / css help !

[givingtnt]

so I want to make two divs next to each other. so that I have two sections . like the forum and the new content section...

how ?

and I want to be able to resize in width both of them

 

thanks !

[AllHokage]

Something like this you mean?

 

HTML

 

<div id="homecontent" class="container">

    <div id="homecontent-mid" class="row rounded">

        <div id="homebanner" class="rounded">

            <div class="sliderdiv">Content Goes Here</div>

            <div class="main-search">Search Content Goes Here</div>

        </div>

    </div>

 

CSS 

 

#homecontent {

    background: url("images/content-bg.png") repeat-x scroll 0 0 #FAFAFA;

    position: relative;

}

#homecontent-mid {

    background: url("images/bg-stage.png") repeat-y scroll right top #FFFFFF;

    border: 1px solid #BDBCBD;

    min-height: 100%;

    outline: medium none;

    top: -40px;

}

#homebanner {

    background: url("images/bg-stage-shade.png") repeat-x scroll 0 0 transparent;

    padding-right: 20px;

    position: relative;

}

.rounded {

    border-radius: 10px 10px 10px 10px;

}

.sliderdiv {

    background: none repeat scroll 0 0 red;

    float: left;

}

.main-search {

    background: none repeat scroll 0 0 #FFFFFF;

    border: medium solid #D51386;

    float: left;

    overflow: hidden;

    padding: 20px 10px;

}

[Hazy125]

display: inline-block;

[givingtnt]

display: inline-block;

thanks m8