Witam. Jestem w trakcie 3 odcinku kursu CSS. Podczas tworzenia strony nastąpił jeden problem a mianowicie kafelki społecznościowe nie znajdują się na środku strony tylko przylegają do lewej strony. Wygląda na to że pomimo zapisu Margin-left:auto i Margin-right:auto div z kafelkami nie jest wypośrodkowany
<div class="all">
<div class="header">
<div class="logo"> <img src="f-pl.gif" height="10%" width="10%" style="float:left;"> <span style="color: #c34f4f;"> PL</span>UK.CO.UK
<div style="clear-boh"></div>
</div>
</br>
<div class="nav">
</div>
<div class="content">
</div>
</div>
<div id="socials">
<div id="socialdivs">
<div class="fb">
</div>
<div class="yt">
</div>
<div class="gp">
</div>
<div class="tw">
</div>
<div style="clear:both;"> </div>
</div>
body
{
background-color: #303030;
color: #FFFFFF;
font-family: 'Lato', sans-serif;
}
.all
{
width: 100%;
}
.header
{
width: 100%;
padding: 40px 0;
}
.logo
{
width: 450px;
font-size: 32px;
border: 1px solid #ffffff;
margin-left: auto;
margin-right: auto;
margin-top:10px;
text-align:center;
}
.nav
{
padding:10px 0;
background-color :#c34f4f;
width:100%;
text-align:center;
border-top:1px solid #751b1b;
border-bottom:1px solid #751b1b;
height:40px;
margin:0 !important;
}
.content
{
width:1000px;
margin-left:auto;
margin-right:auto;
text-align:justify;
}
.socials
{
width:100%;
text-align:center;
background-color: #292929;
margin-left:auto;
margin-right:auto;
}
}
.socialdivs
{
width:1000px;
margin-left:auto;
margin-right:auto;
}
.fb
{
width:250px;
height:155px;
float:left;
}.tw
{
width:250px;
height:155px;
float:left;
}
.tw:hover
{
background-color:#3095d3
}
.yt:hover
{
background-color: #d94348
}
.gp
{
width:250px;
height:155px;
float:left;
}
.gp:hover
{
background-color: #d95333
}
.yt
{
width:250px;
height:155px;
float:left;
}
.fb:hover
{
background-color:#4668b3;
}
