Nie działa wyśrodkowanie diva w divie

Question

Witam, co jest z tym nie tak? Chcę wyśrodkować konkretnego diva w divie, a on i tak trzyma się lewej strony :/

 

CSS:

 

#social
{
	float: left;
	width: 100%;
	background-color: #E0E0E0;
	padding: 0px;
	margin: 0px;
	color: black;
	text-align: center;
	vertical-align: middle;
}
.fb
{
	width: 150px;
	height: 150px;
	background-color: #4169E1;
	margin: auto;
	float: left;
	text-align: center;
	display: block;
}

 

 

HTML:

 

<div id="social">
			<div class="fb"><i class="icon-facebook-official"></i></div>
			
				</div>

 

Answer 1

Usuń `float: left` z .fb

Comments

tak  po mojemu żeby się wyśrodkował to dodatkowo powinieneś mieć nie margin: auto;​ a raczej margin: 0 auto;
I tak jak wspomniał mój przedmówca skasuj to float:left; bo nigdy go nie wyśrodkujesz 

---

 a raczej margin: 0 auto; 

Dlaczego 0 auto?  0 oznacza marginesy pionowe a auto poziome. a jak dasz wszystkim auto to co źle będzie?  

---

Chcę wyśrodkować konkretnego diva w divie

Wyśrodkować u mnie znaczy ustawić go dokładnie w środku  

Ale nie uważam się za nieomylnego , wręcz przeciwnie 

Answer 2

Po co display: block; dla elementu .fb to przecież jest div a on sam w sobie jest elementem blokowym. To samo dla .social. I nie odnoś się w css do id tylko classy, id służą do czegoś innego. (np. kotwiczki). Jak usuniesz float: left; z elementu .fb to zadziała margin: auto;.