Выровнять текст по центру, но прижатым к левому краю, а не беспорядочно?

ZmejPHP, 133 просмотра

<ul class='vnul'>
<li class='item'><a href="#">Someing unos</a></li>
<li class='item'><a href="#">Some dos</a></li>
<li class='item'><a href="#">tres</a></li>
<li class='item'><a href="#">Some quatro</a></li>
</ul>

.vnul {
list-style: none;
margin: 0;
padding: 0;
width: 150px;
border: 1px solid green;
}
.vnul li {
text-align: center;
}

как сделать так чтобы оно было так же само по центру, но слова были в один столбик!
"ВАЖНО" !!! : не используя margin'ы и bottom'ы , их нельзя , они собьют мне всю верстку ,

http://jsfiddle.net/Stasonix/SKT24/ фидл, на всякий случай.

Ответы:

CKB

Центрируйте список внутри дива. Самим элементам списка указывайте позиционирование влево.

Denis_

Честно говоря, я сложно представляю себе такую верстку, в которой так всё прописано,
что отдельные позиционирования элементов, могут так глобально повлиять на структуру в целом.
Если у вас, к примеру, класс item используется еще где-то, то что вам мешает добавить в список
ещё один второстепенный класс? <li class='item otherclass'><a href="#">tres</a></li> и уже
в классе (otherclass) делать коррекцию именно для этого уникального блока.
Ну да ладно... Если вас устроит, то можно это сделать с помощью jQuery (смотрите ссылку ниже)

13 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.