Czy jest właściwe, aby umieścić ikonę i SMS -a? [duplikować]

1. Kiedy ikony powinny zawierać etykietę tekstową?
2. Jak wyrównać tekst i ikonę na tej samej linii?
3. Dlaczego warto używać ikon zamiast tekstu?
4. Jak zrobić tekst i ikony na tej samej linii w tylnym wiatrze?

Kiedy ikony powinny zawierać etykietę tekstową?

Aby pomóc przezwyciężyć niejednoznaczność, przed którą stoją prawie wszystkie ikony, etykieta tekstowa musi być obecna obok ikony, aby wyjaśnić jej znaczenie.

Jak wyrównać tekst i ikonę na tej samej linii?

Jeśli chcesz, aby tekst pojawił się pionowo obok nazwy niesamowitej czcionki, możesz użyć ustawionej właściwości CSS Vertical-a. Zmień rozmiar ikony za pomocą właściwości wielkości czcionki.

Dlaczego warto używać ikon zamiast tekstu?

Ikony mogą zaoszczędzić przestrzeń nad tekstem, ale w cenie uznania. W przypadku małych ikon, takich jak 16x16 pikseli, użytkownikom bardzo trudno jest nawet rozpoznać, co powinni być zdjęciem, nie mówiąc już o tym. Jeden użytkownik, o którym wiem, że ikona „dysku” dla zapisu była zdjęciem telewizora.

Jak zrobić tekst i ikony na tej samej linii w tylnym wiatrze?

Owinąć zarówno tytuł, jak i ikonę w div z klasą Flex . W ten sposób zostaną umieszczone na tej samej linii. Możesz także dodać Justify-Between, aby przenieść ikonę w prawym rogu.