На самом деле значок действует точно так же.Чтобы проверить, попробуйте установить стиль a в
display: inline-block; width: 50px;
Когда вы устанавливаете позицию тега: absolute, это приводит к тому, что тег больше не имеет автоматической ширины 100% от его родителя, а скорее имеет минимальныйширина может принимать в соответствии с эвристикой в браузере (зависит от браузера).Встроенный блок действует как «встроенный», как изображение, и, таким образом, при первой возможности переносится на следующую строку (то есть сразу после слова «тег»).
Итак, краткий ответ:Значок действует так же, но блок, содержащий его, не является.
Чтобы заставить значок на той же строке, что и в первой строке, вы можете добавить white-space: pre;
.См .: http://jsbin.com/itole4/6 (см. Также комментарий ниже)