Как сделать данные элементы в линию?

[ВЛАД ДИНОЗАВР]

https://forum.antichat.xyz/attachments/28141325/

HTML:











CSS:






.icon
{
display
:
block
;
margin-left
:
auto
;
margin-right
:
auto
;
width
:
6%
;
padding
:
5%
;
}

[D3.Pheonix]

Заверни их в div обёртку и пропиши ей display: flex

Или удали , поэтому и переносится

[ВЛАД ДИНОЗАВР]

Заверни их в div обёртку и пропиши ей display: flex
Или удали , поэтому и переносится


А как сделать так, чтобы по ссылке переходило только если навести на иконку (если на пустое место навести, то тоже переходит). Также можно ли сделать меньше расстояние между ними, и сделать их по середине?

HTML:











CSS:






.icon
{
width
:
6%
;
padding
:
5%
;
}
.icons
{
display
:
flex
;
}