Как выровнять 2 DIVа по правому краю

[OrlandO]

Есть 2 блока DIV, которые находятся сразу один под одним, как сделать так, чтобы они всегда выравнивались по правому краю? Функцией float они выравниваются по правому краю, но один за одним, то есть один блок выравнивается по правому краю, а второй по левому этого блока, а не таблицы!!!

 

[QuaSwa]

align = 'right', не?

 

[OrlandO]

))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!

 

[QuaSwa]

))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!

может легче их в таблицу засунуть? можно кусок кода глянуть.

 

[dkameleon]

если у блоков фиксированная ширина, то margin-left: auto;

 

[mzcoding]

div style="float:right;border:1px solid;position:absolute; right:0px;">1</div>
<div style="float:right; border:1px solid; position:absolute; right:0px; top:30px;">2</div>

Примерно так

 

[Savchenko Nikita]

для float можно сделать разделитель

<div style="float:right">My text 1</div>
<div style="clear:both"></div>
<div style="float:right">My text 2</div>

 

[CUBICK]

<div style="float:right">
<div >My text 1</div>
<div>My text 2</div>
</div>

окутать его 3 дивом

 

[Максим Таранов]

))) это было бы сильно просто, но к сожалению в стилях css не существует такой команды, выравнивание там происходит либо за счет позиционирования либо же за счет команды float!

Попробуйте в css создать свой класс, например QQQ, в нем пропишите right. А потом в диве укажите этот класс

 

[ibee]

html:

<div class="wrapper">
<div class="block1">content</div>
<div class="block2">content</div>
</div>

css:

.wrapper {overflow:hidden;}
.wrapper > .block1 {width:300px;float:right;}
.wrapper > .block2 {width:300px;float:right;}

 

[alexandrkyzn]

Присвоить каждому:
style="float:right"

 

[Владислава Григорьева]

html:

<div class="wrapper">
<div class="block1">content</div>
<div class="block2">content</div>
</div>

css:

.wrapper {overflow:hidden;}
.wrapper > .block1 {width:300px;float:right;}
.wrapper > .block2 {width:300px;float:right;}

Можно и так

<div id="blok1">Блок 1</div>
<div id="blok2">Блок 2</div>
<div id="blok3">Блок 3</div>


#blok1, #blok2, #blok3 {
width:150px;
height:50px;
}

 

[Хеймдалль Ас]

Можно и так

<div id="blok1">Блок 1</div>
<div id="blok2">Блок 2</div>
<div id="blok3">Блок 3</div>


#blok1, #blok2, #blok3 {
width:150px;
height:50px;
}

Этот вариант должен точно заработать.