Как ставить нужное расстояние?

Question

[mustafich]

Создал контейнер в контейнер входит логотип и меню на одинаковом уровни для логотипа создал float: left; для меню райт А если я хочу поставить на свое расстояние в px Как сделать? маргин и падинг не работает если убрать привязку флоат то тоже не работает Самое интересное что маргин топ работает а право лева нет
https://codepen.io/mustafich/pen/MOXzzw
Переместил сюда тут все работает а на компе нет
В чем дело ?

Comments

[Froggyweb]

превратите этот поток сознания в код и вам помогут. Все работает left-right в особенности

[Ankhena]

маргин и падинг не работает

бррррр
чего это он не работает?

А если я хочу поставить на свое расстояние в px

Ну так делайте не left и right, а оба left и между ними отступ.

А по-хорошему, изучите flex https://html5book.ru/css3-flexbox/ и пару статей про прогрессивное улучшение. Если флекс очень страшен, то хотя бы инлайн-блоки.

Answer 1

[Иван]

когда задаешь float: left/right, то margin-left/right соответсвенно не работают,если хотите подвинуть,надо использовать padding-left/right.

А вообще,изучите flexbox, всё-таки 2017 год на дворе :)

Answer 2

[Екатерина Долгушина]

Лучше сделать с помощью

1. inline-block
2. flex