• 0
vtkm96

Как обьеденить все

Вопрос

Как обьеденить все в одну строчку.  Скрины прилагаются того что должно и что получилось.

Screenshot_1.png

Screenshot_2.png

Вот что получилось. Получается что, когда создается второй и пытаюсь соеденить со вторым, с помощью margin то не красиво получаестя.

Screenshot_3.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 1

элементам которые должны стоять в строчку ставите display:inline-block и сумма их размеров должна равняться размеру их родителя. Лучше всего делать это через проценты или другие относительные ед.измерения
так же учтите что пробел между inline элементами занимает какое-то место

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
2 часа назад, Switch74 сказал:

элементам которые должны стоять в строчку ставите display:inline-block

Рискованный совет для 2018 года. Я бы сказал, что если блоки должны стоять в строчку, пора уже смело ставить display:flex родителю и не беспокоиться ни о пробелах между тегами, ни о размерах (в главном), ни о выравнивании высоты и по высоте.  А в тех 3% ископаемых браузеров, которые этого не понимают, всё равно красиво не будет, как ни старайся (не одно так другое вылезет). Да и не стоят они того, в них главное чтобы текст читался.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас