Как да сложа линия посредата на diva-a

[Foxy]

искам да сложа линия посредата на този див:

искам да сложа линия посредата ето така:

но ако може да са отделни полетата - в смисъл това преди линията да е едно поле и това след линията да е отделно поле
ето и кода

div.friends {
width: 865px;
height: 40px;
border-left: 2px solid #acc2d2;
border-bottom: 2px solid #acc2d2;
border-top: 2px solid #acc2d2;
border-right: 2px solid #acc2d2;
background-color: #fff;
padding: 20px;
}

 

[mute]

напаравиги 2 отделни дива.

 

[Foxy]

напаравиги 2 отделни дива.

еми да ама виж какво става като се опитам да ги наместя едно до друго:

ето кода

<div class="friends"></div> <div class="google"></div>

получават се едно под друго, а когато кода е така:

<div class="friends"><div class="google">
</div>
</div>

се получават едно върху друго

 

[MontefuckeR]

трябва да сложиш един главен див:
<div id='glaven'>
<div id="lqv"></div>
<div id="desen"></div>
</div>
и тогава ако главния е широк 500пх. правиш другите 2 по 250пх. а за да им сложиш една таква линия после на левия или десния (може и на 2та) слагаш един бордер:
border-left: 2px solid #000; //tova e za desniq
border-right: 2px solid #000; //tova e za leviq

*Ако имат бордер трябва да намалиш широчината!!*

 

[miro91]

сложи им и
float: left;
на двата дива левия и десния.

 

[Foxy]

сложи им и
float: left;
на двата дива левия и десния.

мерси стана +1

 

[shterev]

може да използваш и линията като background на някой от дивовете.