Как правильно верстать иконки?

Question

[Alex Komarov]

Добрый вечер!Учусь верстать,возникли вопросы-прошу помощи.
Верстаю по макету,сделал шапку и добавил навигационное меню,хочу добавить пару иконок как это воплотить?Пробовал через div но почему-то смущает то,что надо заранее устанавливать ширину и высоту блока,но как тогда его позиционировать по вертикали?
Или же мне просто зафлоатить все блоки в шапке?
Бардак в голове.

Comments

[Модератор]

Код запрещено выгладывать картинками, оформите, пожалуйста, свой вопрос нормально. А ещё лучше сделайте интерактивный пример на codepen или jsfiddle.

[Moskus]

Учусь верстать

Учитесь и задавать вопросы по верстке. Код никогда не размещайте в виде скриншота, всегда - как текст в теге code, желательно - на JSFiddle

[Алексей Уколов]

Ресурсы лучше подключать через абсолютные пути, с относительными возникнут проблемы при изменении структуры.

Answer 1

[Gleb Zubov]

Если хочешь добавить картинки в меню то тогда всунь с картинкой в div с кнопкой.
Если картинки просто добавить то тут только margin либо просто пишешь left,right и.т.д.
И сразу совет пиши не в пикселях а в % хорошая привычка и с ними будет хоть какая-то одаптивнось.

Comments

[Johny Smith]

всегда думал что иконка рядом с текстом пункта меню через <span> делается