Как разместить иконки там, где я хочу их?

Question

В своем текущем HTML-коде для значков в заголовке моей веб-страницы я использую код:

<a href=''><img src=''/></a> | <a href=''><img src''/></a>

, который помещает мои значки как можно ближе друг к другу, рядом друг с другом, но с "|"между ними.

Может ли кто-нибудь порекомендовать какие-нибудь предпочтительные примеры HTML-кода, которые позволили бы мне размещать значки более конкретно и без "|"между ними.

(Извините за плохое объяснение моей проблемы!)

Answer 1

Вы можете использовать встроенный CSS с HTML, который будет выглядеть следующим образом:

<a href='' style='margin: 0px 10px 0px 10px'><img src=''/></a> <a href='' style='margin: 0px 10px 0px 10px'><img src''/></a>

Это добавляет 10-пиксельное поле слева и справа от каждой ссылки.

Однако добавление CSSв заголовке вашей HTML-страницы была бы лучшая идея:

<style type="text/css">
.menuItem {
margin: 0px 10px 0px 10px;
}
</style>

И затем использовать это вместо HTML:

<a href='' class='menuItem'><img src=''/></a> <a href='' class='menuItem'><img src''/></a>