html5 - how to center the div -

html5 - how to center the div -

i want center content of div within container. tried utilize margin 0 auto , didnt work how can center it?

<div class="container"> <div class="text-center" style="margin:0 auto;overflow:auto;"> <div style="float:left;width:15%;margin-right:2px;"> <img src="pictures/bruce-crocker_311x312(2).jpg" class="img-responsive" /> <div class="contenthover"> <p>bla</p> </div> </div> <div style="float:left;width:15%;margin-right:2px;"> <img src="pictures/bruce-crocker_311x312(2).jpg" class="img-responsive" /> <div class="contenthover"> <p>bla</p> </div> </div> </div>

can help?

use bootstrap center-block class on block elements want center, utilize text-center text..

<div class="container"> <div> <img src="pictures/bruce-crocker_311x312(2).jpg" class="center-block img-responsive"> <div class="text-center"> <p>bla</p> </div> </div> </div>

http://www.bootply.com/65ysfbl6mf

html5 twitter-bootstrap responsive-design