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

[OrlandO]

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[QuaSwa]

align = 'right', не?

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[OrlandO]

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[QuaSwa]

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

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[dkameleon]

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[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>

Примерно так

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[Savchenko Nikita]

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

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[CUBICK]

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

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

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

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

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[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;}

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

[alexandrkyzn]

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

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

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;
}

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!

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

Можно и так

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


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

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

 

Реклама: 💰 Grizz-Ly.net: ТОП выплаты от медведей!