левый и правый текст в div

делаете в этом диве еще два дива и пихаете в каждый див нужный вам текст

что-то все равно съезжает, можем в css этих дивах нужно что-нибудь прописать?

display:inline-block

и ширину ожного блока равную половине всего н или как там вам нужно

FC1488SM,

Вот так работает как тебе нужно

<div style="width:700px;height:300px;border:3px solid red;">
	<div style="float:left;width:400px;border:1px solid green;">левый текст левый текст левый текст левый текст левый текст левый текст левый текст левый текст левый текст левый текст левый текст левый текст левый текст </div>
	<div style="float:right;width:290px;border:1px solid blue;">правый текст</div>
</div>

спасибо, а как сделать, чтобы ширина левого блока изначально была максимальная, а уменьшалась, если ее уже прижимает правый?

FC1488SM,

Не совсем понял

В процентах ширина левого 100% ?

Правый получается 0%?

Как текст попадает в блоки?

тоже скрином отвечу)

тоесть левый блок должен брать остальную ширину, насколько это возможно

p.s. на скрине перепутал левую и правую стороны

p.s.s я не девушка ))

FC1488SM,

Если ширина блоков зависит от размера экрана то можно использовать медиазапрос в стилях

@media all and (device-width: 1000px) {
#leftBlock {width: 700px;}
#rightBlock {width: 300px;}
}

@media all and (device-width: 800px) {
#leftBlock {width: 500px;}
#rightBlock {width: 300px;}
}

Вот в таком духе

@media all and (device-width: 1000px) {

#leftBlock {width: 700px;}

#rightBlock {width: 300px;}

}



@media all and (device-width: 800px) {

#leftBlock {width: 500px;}

#rightBlock {width: 300px;}

}

то, что нужно!

Только работать не хочет

в ксс прописываю

@media all and (device-width: 1000px) {

#leftBlock {width: 700px;}

#rightBlock {width: 300px;}

}



@media all and (device-width: 800px) {

#leftBlock {width: 500px;}

#rightBlock {width: 300px;}

}

вывод

<div style="leftBlock">текст</div>

Нужно вот так

<div id="leftBlock">текст</div>
<div id="rightBlock">текст</div>