Как сделать, что бы текст не «Улетал» от чекбокса?

Question

[Nik Faraday]

Есть такая вот картина...



Как сделать, что бы текст не "Улетал" от чекбокса, если он слишком большой?

Comments

[Ankhena]

Вы, наверное, понимаете, что в данном случае вам поможет что-то типа фотошопа?

А так у вас богатый выбор:
- флексы
- гриды
- абсолюты
- инлайн-блоки
- и даже флоаты

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

[Nik Faraday]

Ankhena, в html/css в таком направлении я очень слаб, т.к. в основном использую готовые шаблоны, прописываю классы в контейнеры и всё с такого рода) Всё равно спасибо за помощь

[Ankhena]

Nik Faraday, начните с изготовления песочницы на codepen.io с текущим кодом и видимой проблемой.
Сюда ссылку и позовите.

[Nik Faraday]

Ankhena, ответ уже написали, спасибо

Answer 1

[Dymok]

Блоку, внутри которого находится чекбокс и текст, задать display: flex;