Какие есть варики еще как удалить отступы вокруг inline-block, кроме как родителю указать font-size:0 ?
Да так ковыряюсь учусь изучаю рассматриваю все возможные варианты, в общем к примеру допустим есть 3 ссылки, как я понимаю у тега <a по дефолту стоит inline-block, но мне нужно обнулить отступы между ними, я погугил есть решение указать родителю font-size:0 или margin-right: -4px; выше говорят. HTML: <a class="" href="#">Ссылка 1</a> <a class="" href="#">Ссылка 2</a> <a class="" href="#">Ссылка 3</a> Но как на счет такого варианта присвоить для тега <a display:block и выполнить float: left; ? По сути я переведу в блок убил отступы к 0 и выведу в ряд за счет left , я типа еще только учусь не шарю сильно, и хочу услышать мнение более опытных
По умолчанию у ссылок display: inline; Отлично подходит для выравнивания элементов вряд. Но только нужно не забывать обнулять обтекание после последнего элемента. HTML: <div class="menu"> <a href="#">Ссылка 1</a> <a href="#">Ссылка 2</a> <a href="#">Ссылка 3</a> </div> Код (CSS): .menu:after{ content: ''; display: table; clear: both; } .menu>a{ display: block; float: left; } Но есть более гибкое решение (flexbox). Для этой же разметки можно сделать так Код (CSS): .menu{ display: flex; align-items: flex-start; }