Jak zwiększyć cały element <a> w tym kodzie html?

Question

Witajcie,

mam taki element listy

<li><a href="#"><i class="icon fa fa-group fa-2x"></i> About</a></li>. 

Jak zwiększyć ten cały element? Da się do tego kodu dopisać wielkość?

 

Answer 1

W jaki sposób zwiększyć? Wysokość, czy szerokość? Nadaj interesującemu Cię elementowi klasę typu: class="list__el" i w CSS skorzystaj z właściwości width lub height. Włącz sobie jakiś kurs CSS dla początkujących. To są totalne podstawy. 

Comments

Tak, w CSS wiem. Miałem na myśli czy da się zwiększyć wysokość i szerokość dodając do tej właśnie linii kodu, żeby nie trzeba było nic pisać w CSS.

---

Dodaj klasę i podepnij plik ze stylami. Co jeśli za jakiś czas będziesz chciał usunąć tą wysokość i szerokość z tych elementów? Będziesz dłubał w HTMLu narażając projekt na błędy? Możesz wtedy zapomnieć o jakimś elemencie listy, lub kasując style inline nie domknąć znacznika itp. Jeśli dodasz klasę, to zwyczajnie odnosisz się do WSZYSTKICH elementów listy (nawet jeśli będziesz miał ich tysiące) to ewentualna zmiana wyglądu w całym projekcie zajmie Ci parę chwil.

---

Święte słowa.