• 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% ископаемых браузеров, которые этого не понимают, всё равно красиво не будет, как ни старайся (не одно так другое вылезет). Да и не стоят они того, в них главное чтобы текст читался.

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


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

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

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

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

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

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

Войти

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

Войти сейчас

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы