В чём мулька? - есть ответ « Вопросы и ответы

AntiPetya, 50 просмотров

Мне выносят уже мозг совершенно не понятные мне вещи:

<style>
ul {list-style:none;}
.first {float:right;}
.second {float:right;}
</style>
<ul>
<li>Some text here <span class=first> first </span> <span class=second> second </span> </li>
</ul>

В хтмл коде порядок идёт:
First - слева, second справа.

а на деле то почему наоборот? Я ж им просто сказал вправо сдвинуться, а не местами поменяться.

Примечание:
Елена Левина, а не подскажите, как не меняя порядок хтмл кода, средствами css поменять их местами, но оставить прибитыми к правому борту?. А так спасибо, понял ошибку

Примечание:
Шуруп
содержимое <li> нужно оставить слева, а спаны сдвинуть вправо. Я тогда сейчас попробую спаны в див заключить. Спасибо

Примечание:
Шуруп, да , в див сунул спаны. Всё работает.

Ответы:

Елена Левина

так ведь в коде идёт сначала first.
он размещается согласно правилам css: прибивается к правому краю.
затем идёт second.
он тоже размещается как ему в css сказано: прибивается к правому краю. Но справа на этот момент уже прибит First, а потому прибиваемся не к самому краю, а туда, где место осталось, а это слева от First.

Шуруп

я бы порекомендовал сделать не совсем там...
на мой взгляд было бы удобней и понятней
<div style='text-align:right;'>
<ul>
<li>Some text here <span> first </span> <span> second </span> </li>
</ul>
</div>

15 лет назад

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

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

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