Как выровнять div по правому краю без float!

[Antoshka007]

Привет, форумчане!

Подскажите, как можно выровнять div по правому краю без использования flot и относительного либо абсолютного позиционирования.

Имеется вот такой вот div.pagination, внутри которого лежит div.pages, что и нужно сдвинуть в правую сторону блока pagination:
http://joxi.ru/gmvjVqJuM9XQma

 

Для вложенного блока установил свойство 'display: inline-block'. 
Пробовал сдвинуть с помощью text-align - не помогло

И margin'ы тоже не выручают.
 

Что посоветуете? 

Заранее спасибо!

 

[raptor-dm]

попробоуй margin:0 auto 0 0; display:block;

[Antoshka007]

попробоуй margin:0 auto 0 0; display:block;

display: block; - не подходит, потому что он вылетает вниз: http://joxi.ru/v297yWjUYVbOrG

А при добавлении одного margin'а ничего не изменяется

[alex.kv]

Киньте весь код!

[Antoshka007]

Киньте весь код!

Исправил, больше нужды в этом нет.

Воспользовался стандартным способом через float'ы с использование дополнительного блока clear с свойством {clear: both} и все встало на свои места. 

Но если есть предложения, как можно это реализовать без float'ов, то буду благодарен)

http://cssdeck.com/labs/qycxffww

[Светлана Г.]

.pagination {

background-color: #202020;

border-radius: 5px;

margin: 0 40px;

padding: 10px 20px;

  text-align:right; /* добавить это */

}

[Antoshka007]

.pagination {background-color: #202020;border-radius: 5px;margin: 0 40px;padding: 10px 20px;  text-align:right; /* добавить это */}

пробовал, никак не реагирует

[Светлана Г.]

http://cssdeck.com/labs/jmrhigd2

Edited February 10, 2015 by Светлана Г.

[Antoshka007]

http://cssdeck.com/labs/jmrhigd2

Мне нужно, чтобы фраза "You are looking..." - оставалась слева

[Z1gnet]

не понял чем вам флоат не угодил? тем что валится pagination валится? так это легко фиксится http://cssdeck.com/labs/qkkiuqf4

.pagination:after{  clear: both;  content:'';  display: table;}

либо на .pagination дать overflow:hidden;

вот тут собрал различные методы решения http://codepen.io/Z1gnet/pen/jEwRao

p.s.

дополнительного блока clear с свойством {clear: both}

это устаревший и плохой метод

[Sergik+]

не понял чем вам флоат не угодил? тем что валится pagination валится? так это легко фиксится http://cssdeck.com/labs/qkkiuqf4

.pagination:after{  clear: both;  content:'';  display: table;}

либо на .pagination дать overflow:hidden;

вот тут собрал различные методы решения http://codepen.io/Z1gnet/pen/jEwRao

p.s.

 

 

дополнительного блока clear с свойством {clear: both}

это устаревший и плохой метод

Когда это clear:both устаревшим стало ? По мне так overflow: hidden гораздо хуже.

Edited February 10, 2015 by Sergik+

[Aleksandr.L]

Когда это clear:both устаревшим стало ? По мне так overflow: hidden гораздо хуже.

 

дополнительного блока clear с свойством {clear: both}

 

Это современно?

[Z1gnet]

overflow: hidden

ну что значит гораздо хуже? каждому методу свое место. нужно смотреть по ситуации, а не говорить что одни методы дерьмовые, а другие офигенные.

 

по поводу clear:both,  ну как минимум лишний див надо вставлять, что есть большим минусом. и я что-то не замечал в современных фреймверках (тот же бутстрап) данного метода. да и вообще его встречаю в основном в старых верстках. может это конечно жизнь меня так оградила от этого метода, но я не вижу повода его использовать. могу конечно ошибаться, если так то поправьте

Edited February 10, 2015 by Z1gnet

[Sergik+]

 

overflow: hidden

ну что значит гораздо хуже? каждому методу свое место. нужно смотреть по ситуации, а не говорить что одни методы дерьмовые, а другие офигенные.

 

по поводу clear:both,  ну как минимум лишний див надо вставлять, что есть большим минусом. и я что-то не замечал в современных фреймверках (тот же бутстрап) данного метода. да и вообще его встречаю в основном в старых верстках. может это конечно жизнь меня так оградила от этого метода, но я не вижу повода его использовать. могу конечно ошибаться, если так то поправьте

 

Бутстрап достаточно неплохой фреймворк но уж точно не современный,

 и это что не пустой див  <span class="glyphicon glyphicon-search"></span> ??

То что сейчас творится в современных фреймворках вообще слабо поддается

объяснению, в AngularJS по факту события в html, в ReactJS html в js, когда

какую нибудь глупость делают именитые конторы то все говорят о их гениальности,

а когда вы мелочь себе позволите в виде пустого дива так это вообще жуть.

Для информации я лично не использую clear:both но и ничего в нем плохого

не вижу.

Edited February 11, 2015 by Sergik+