Problem z float:left;

pytanie zadane 31 lipca 2016 w HTML i CSS przez james30k Bywalec (2,260 p.)
edycja 31 lipca 2016 przez james30k

Witam!

Problem dotyczy float:left; iż na stronie nie układają mi się divy obok siebie tylko pod spodem, kod:

HTML

<!DOCTYPE HTML>
<html lang="pl">
<head>
    <title></title>
    <meta name="description" content="Witaj na blogu gdzie dowiesz się wielu ciekawych rzeczy :)">
    <meta name="keyworld" content="blog,ciekawe,życie,jak,zacząłem ,programować,co,teraz,robić">

    <link rel="stylesheet" href="style.css" type"text/css">
    <link href='https://fonts.googleapis.com/css?family=Lato|Josefin+Sans&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
    
    
</head>
<body>
    <div id="container">
    
        <div class="rectangle">
        <div id="logo"></div>
        <div id="zegar">12:00</div>
        <div style="clear:both;"></div>
        
        </div>
        
        <div class="square"></div>
        <div class="square"></div>
        <div style="clear: both;"></div>
    
    
        <div class="rectangle"></div>
    
    </div>
</body>
</html>

CSS

body
{
background-color:#303030;
colo: #ffffff;    
font-family: 'Lato', sans-serif;
font-size:20px;
}

#container
{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}

.rectangle
{
    width:960px;
    margin:20px;
}

.square
{
    width:50%;
    float:left;
    
}

#logo
{
    float:left;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 70px;
    width:600px;
}

#zegar
{
    float:left;
    font-family: 'Josefin Sans', sans-serif;
    font-size:70px;
    width:600px;
}

1	komentarz 31 lipca 2016 przez Arkadiusz Waluk Ekspert (287,950 p.) Kod wstawiamy w przeznaczony do tego bloczek code.

komentarz 31 lipca 2016 przez james30k Bywalec (2,260 p.)

Okey, dzięki nie wiedziałem tego.

3 odpowiedzi

odpowiedź 31 lipca 2016 przez Barttyyy Gaduła (4,680 p.)

Chcesz żeby godz 12:00 była po lewo od nazwiska?

komentarz 31 lipca 2016 przez james30k Bywalec (2,260 p.)

godzina po prawo nazwisko po lewo

komentarz 31 lipca 2016 przez Barttyyy Gaduła (4,680 p.)

#logo
{
    float:left;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 70px; 	
}

#zegar
{
    float:right;
    font-family: 'Josefin Sans', sans-serif;
    font-size:70px;
	text-align: right;
}

Spróbuj tego