Jak można wyśrodkować ikony w divie?

Question

Witam.

Chciałem zrobić na górze strony belkę a na niej umieścić linki do fb i twittera. Miały być to niewielkie okrągłe divy z ikonkami z fontello. Problem jednak leży w tym, że ikonki przecinają dolną krawędź divów i nie da się ich wyśrodkować, a chcę aby leżały chociaż w przybliżeniu na środku okręgu. Próbowałem to zrobić dodając margin-bottom do pliku fontello, ale pozycja ikonek nie zmienia się w najmniejszym stopniu. Jakieś rady?

Kod do znalezienia tutaj.

Answer 1

Dlatego, że Twój znacznik i odziedzicza po #logoL font-size: 36px

Jak pozbędziesz się tego problemu to wyśrodkować można flex-em lub pozycjonowaniem absolutnym z wykorzystaniem transformacji.

PS. http://fontawesome.io/accessibility/

Answer 2

Witam.

float: left dla #logo - nie potrzebne,niema nic obok i jest na całą szerokość więc po co ?

opacity : jest dziedziczone przez całą rodzinkę :) i nie da się ustawić osobno dla poszczególnych potomków.

<div style="clear:both"></div> nie potrzebny bo pozycjonujesz za pomocą inline-block.

Twoje logoL i logoR nie są obok siebie

Dobrym sposobem jest użyć do podglądu narzędzi w przeglądarce albo chociaż posłużyć się

*{
  border: 1px solid red;
  box-sizing: border-box;
}

Co do ustawienia w linii to trzeba najpierw uporządkować kod :)