Problem z wyśrodkowniem.

Question

Logo wraz z tekstem nie chce się wyśrodkować. (logo miało by być pod tekstem #USIAWY które jest wyśrodkowane). Proszę o pomoc.

</div>
	 <div id="footerinfo">
	        <div class="fotinf">Kontakt<br></div>
			<div class="fotinf">Płatność i dostawa<br></div>
			<div class="fotinf">Regulamin sklepu<br></div>
			<div class="fotinf">Polityka <br>Prywatności</div>
	   </div>
	<div id="footer">
	   <div ><img src="logo.png" height="70px" /></div>
	   <div>COPYRIGHT &copy; 2018 USIAWY</div>
	</div>

#footer
{
	text-align:center;
	color:#4f4f4f;
	font-family:'Open Sans','Helvetica Neue',Helvetica, Arial, Tahoma, sans-serif;
	font-size:12px;
}

#footerinfo
{
	float:left;
	font-family:'Open Sans';
	margin-left:230px;
	font-size:12px;
	
}

.fotinf
{
	padding-bottom:10px;
	
}

Answer 1

Logo ująłeś w div czyli jest ono traktowane jako element blokowy, więc używając stylu text-align:center go nie wyśrodkujesz. Aby wyśrodkować element blokowy trzeba zastosować np. opcję z margin: auto albo poukładać elementy flexboxem.