ANTICHAT

ANTICHAT (https://forum.antichat.xyz/index.php)
-   Общие вопросы программирования (https://forum.antichat.xyz/forumdisplay.php?f=206)
-   -   Как сделать данные элементы в линию? (https://forum.antichat.xyz/showthread.php?t=1449442)

ВЛАД ДИНОЗАВР 09.09.2022 03:00

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

HTML:





Код:




CSS:





Код:

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


D3.Pheonix 09.09.2022 04:07

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

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

ВЛАД ДИНОЗАВР 09.09.2022 15:16

Цитата:

Сообщение от D3.Pheonix

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

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

HTML:





Код:




CSS:





Код:

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



Время: 03:21