Dlaczego nie działa display: inline-block; ?

Question

Witam piszę swoje portfolio i wstawiam media społecznościowe (mail, gplus) są one w divami class="b" w divie id="media" w css ustawiłem divowi #media text-align: center , a divom .b display: inline-block ale to nie działa.

kod:

<div id="media">
				<div class="b">gplus</div>
				<div class="b">mail</div>
				<div style="clear:both"></div>
</div>

#media
{
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.b
{
	border-radius: 30px;
	border: 2px solid #FFFFFF;
	height: 50px;
	width: 50px;
	float: left;
	text-align: center;
	transition-duration: 0.5s;
	display: inline-block;
}

.b:hover
{
	border-color: rgba(255, 255, 255, 0);
	background-color: #FFFFFF;
}

 

jeśli będzie trzeba wyślę cały kod

Answer 1

Jak nie działa, jak działa? Może chodzi ci o inny efekt, niż jest?

Comments

I float: left nie jest potrzebny przy takiej konstrukcji.

---

Mi nie działa :-(, a chodzi mi o to żeby divy class="b" były wyśrodkowane w divie id="media

---

Daj bez float: left. Wtedy będzie środek, jak w mordę strzelił 

---

Wielkie dzięki :-)