Tak jak w temacie mam problem z :after, ponieważ po dodaniu do css clear: both; nic się nie dzieje dalsza część tekstu ma parametr float: left i umieszca sie z lewej strony loga. A to kod HTML I CSS
<!DOCTYPE HTML> <html lang="pl"> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <link rel="stylesheet" href="style.css"> </head> <body> <header class="top"> <div class="logo"> <img src="images/logo.png" alt="#" /> </div> asdasd </header> </body> </html>
body
{
background-color: #303030;
}
.top
{
width: 1024px;
height: 1000px;
margin-left: auto;
margin-right: auto;
background-image: url(images/top.jpg);
}
.logo
{
margin-left: 20px;
float: left;
margin-top: 10px;
}
.logo:after
{
content: ".";
display: block;
clear: both;
}