В неупорядоченном списке:
<li><span></span> The lazy dog.</li>
<li><span>AND</span> The lazy cat.</li>
<li><span>OR</span> The active goldfish.</li>
Добавление атрибута класса или стиля разрешено, но заполнение текста и добавление или изменение тегов не допускается.
Страница отображается с помощью Courier New.
Цель состоит в том, чтобы выстроить текст после интервала.
The lazy dog.
AND The lazy cat.
OR The active goldfish.
Обоснование «ИЛИ» неважно.
Текст ленивого животного может быть обернут в дополнительный элемент, но мне придется перепроверить.
diplay: inline-block; width: 32px;
будет в большинстве современных браузеров.diplay
чтобы прочитатьdisplay
, кстати, это работает для меня. спасибоВ идеальном мире вы бы достигли этого просто используя следующий CSS
Это работает во всех браузерах, кроме FF2 и ниже.
Цитата взята из quirksmode
источник
К сожалению, встроенные элементы (или элементы, имеющие display: inline) игнорируют свойство width. Вы должны использовать плавающие div вместо:
Теперь я вижу, что вам нужно использовать диапазоны и списки, поэтому нам нужно переписать это немного:
источник
<span>
Тег нужно будет установить наdisplay:block
, как это встроенный элемент и будет игнорировать ширину.так:
а потом:
источник
Вы можете сделать этот метод для назначения ширины для встроенных элементов
источник
В этом случае интервал между людьми не может быть блочным элементом, поскольку остальная часть текста между элементами li будет уменьшена. Также использование float - очень плохая идея, потому что вам нужно установить ширину для всего элемента li, и эта ширина должна быть такой же, как ширина всего элемента ul или другого контейнера.
Попробуйте что-то вроде этого в HTML:
и в css
поэтому, когда элемент li является относительным, вы форматируете элемент span как абсолютный и сверху: 0; left: 0; поэтому он остается в верхнем левом углу, и вы устанавливаете padding-left (или: padding: 0px 0px 0px 80px;), чтобы установить это свободное пространство для элемента span.
Это должно работать лучше для простых случаев.
источник
попробуй это
источник
Используя HTML 5.0, можно зафиксировать ширину текстового блока с помощью
<span>
или<div>
.Потому
<span>
что важно добавить следующую строку CCSДля вашего пустого,
<span>
что важно, это добавить
пространство.Мой код следующий
PS: я определил
tab
класс, потому чтоul li span
CSS селектор не работает на моем компьютере!источник
Вы можете сделать это с помощью таблицы, но это не чистый CSS.
Обратите внимание, что он не отображается точно так, как вы хотите, потому что он переключает строки в каждой опции. Однако я надеюсь, что это поможет вам приблизиться к ответу.
источник
Ну, всегда есть метод грубой силы:
Или это то, что вы подразумевали под «дополнением» текста? Это неоднозначная работа в этом контексте.
Это звучит как домашний вопрос. Надеюсь, ты не пытаешься заставить нас сделать твою домашнюю работу за тебя?
источник
источник