Задать вопрос

uni-sms @uni-sms

html

Как расположить не нумерованный список в строку?

Всем привет! Как расположить вот такую конструкцию в строку в рамках одного div?
https://jsfiddle.net/Lya43z0u/

Вопрос задан более трёх лет назад
82 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

aliencash

Андрей Федоров @aliencash

Партизан

например ul {display: flex}

Ответ написан более трёх лет назад

8 комментариев

8 комментариев

uni-sms @uni-sms Автор вопроса

Спасибо! Пытаюсь учить html и css с помощью htmlacademy, но там про flex`s ни слова. А можете написать вариант с решением данного вопроса с помощью float или display?

Написано более трёх лет назад
Андрей Федоров @aliencash

На htmlacademy это есть, просто в платных курсах. На flоat можно. Просто вам придется ширину элементов самому считать. И указать ее в процентах.

Написано более трёх лет назад
uni-sms @uni-sms Автор вопроса

Андрей Федоров, у меня и есть платные) либо не дошел, либо не внимательно изучал. В любом случае, спасибо!

Написано более трёх лет назад
mr_dev1l @mr_dev1l
uni-sms,
.features ul li { float:left; width:33.33%; list-style:none; }
Написано более трёх лет назад
BB 8 @fruity4pie

uni-sms, display: inline-block

flex'ы там раньше были доступны в платной подписке :)

Написано более трёх лет назад
uni-sms @uni-sms Автор вопроса

BB 8, display: inline-block не работает.

Написано более трёх лет назад
Андрей Федоров @aliencash

uni-sms, Работают, только нужно считать ширину li вручную и не забыть про межслованые отступы межу inline-элементами.

Написано более трёх лет назад
BB 8 @fruity4pie

uni-sms,

вот

https://jsfiddle.net/Lya43z0u/11/

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- 9 часов назад
- 51 просмотр
1

ответ
HTML

+1 ещё

Простой
При загрузке картинки этот блок не имеет размера, как исправить?
- 1 подписчик
- 12 часов назад
- 48 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 13 часов назад
- 162 просмотра
1

ответ
CSS

Простой
Как убрать отступ?
- 1 подписчик
- 16 часов назад
- 101 просмотр
2

ответа
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 18 часов назад
- 43 просмотра
1

ответ
Вёрстка

Средний
Как правильно вставлять изображения при наличии двух тем оформления сайта?
- 1 подписчик
- 23 часа назад
- 95 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- вчера
- 87 просмотров
1

ответ
CSS

Простой
Как уместить кроссбраузерную поддержку в одну строку?
- 1 подписчик
- вчера
- 104 просмотра
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- вчера
- 79 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- вчера
- 89 просмотров
2

ответа
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Нужен опытный Фронтенд разработчик

20 апр. 2024, в 09:47

6000 руб./за проект

Тестовое приложение для коннекта по SIP

20 апр. 2024, в 09:15

8000 руб./за проект

Сканер коэффициентов в букмекерских конторах

20 апр. 2024, в 08:39

100000 руб./за проект