HTML - element 5 (tile5) tkwi pod spodem zamiast w 2 kolumnie - lekcja 3 na yt

pytanie zadane 1 sierpnia 2020 w HTML i CSS przez Gekonik Nowicjusz (120 p.)
zamknięte 1 sierpnia 2020 przez Comandeer

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <title>Gekonik</title>
   <meta name="description" content="Strona zawiera najwazniejsze sprawy specjalisy ds, gekonikowych." />
   <meta name="keywords" content="gekonik, kuferek, serduszko, nicpoń, pantanema, przerzutki, rower, książki, przyjaciel" />
   <link rel="stylesheet" href="style.css" type="text/css" />
   <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Lato&display=swap" rel="stylesheet">

</head>

<body>
   <div id="conteiner">

       <div class="rectangle">
           <div id="logo">Gekonik</div>
           <div id="zegar">12:00:00</div>
           <div style="clear:both;"></div>
       </div>

       <div class="square"></div>
           <div class="tile1">1</div>
           <div class="tile1">1</div>
           <div style="clear:both;"></div>

           <div class="tile2">2</div>
           <div class="tile3">3</div>
           <div style="clear:both;"></div>

           <div class="tile4">4</div>
       </div>
       <div class="square"></div>
           <div class="tile5">5</div>
           <div class="yt">yt</div>
           <div class="fb">fb</div>
           <div class="gplus">gplus</div>
           <div class="tw">tw</div>
           <div style="clear:both;"></div>
       </div>
       <div style="clear:both;"></div>

</body>
</html>

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

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

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

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

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

#zegar
{
   float: left;
   font-family: 'Josefin Sans', sans-serif;
   font-size: 70px;
   margin-top: 10px;
   margin-bottom: 10px;
}

.tile1
{
   margin: 10px;
   width: 230px;
   height: 142px;
   background-color: #3095d3;
   float: left;
}

.tile2
{
   margin: 10px;
   width: 230px;
   height: 142px;
   background-color: #666666;
   float: left;
}

.tile3
{
   margin: 10px;
   width: 230px;
   height: 142px;
   background-color: #93c748;
   float: left;
}

.tile4
{
   margin: 10px;
   width: 480px;
   height: 142px;
   background-color: #ee5a32;
}

.tile5
{
   margin: 10px;
   width: 480px;
   height: 304px;
   background-color: #666666;
}

.yt
{
   margin: 10px;
   width: 105px;
   height: 142px;
   background-color: #d94348;
   float: left;
}

.fb
{
   margin: 10px;
   width: 105px;
   height: 142px;
   background-color: #4668b3;
   float: left;
}

.gplus
{
   margin: 10px;
   width: 105px;
   height: 142px;
   background-color: #d95333;
   float: left;
}

.tw
{
   margin: 10px;
   width: 105px;
   height: 142px;
   background-color: #3095d3;
   float: left;
}

komentarz zamknięcia: https://forum.pasja-informatyki.pl/502033/html-element-5-tile5-tkwi-pod-spodem-zamiast-w-2-kolumnie-lekcja-3-na-yt?show=502077#c502077

1	komentarz 1 sierpnia 2020 przez _Pita_ Stary wyjadacz (11,410 p.) edycja 1 sierpnia 2020 przez _Pita_ Użyj proszę bloczku CODE lub wklej kod do githuba lub innego podobnego portalu (patrz: regulamin). Edit: I doprecyzuj pytanie. Najlepiej poprzez screen shot wzoru.

komentarz 1 sierpnia 2020 przez _Pita_ Stary wyjadacz (11,410 p.)

@VBService,

Wiesz może o jaki rezultat chodzi autorowi? Wygląda to na podstawy CSS ale nie rozumiem pytania :/

komentarz 1 sierpnia 2020 przez VBService Ekspert (253,340 p.)

Chyba się domyślam

Kurs HTML odc. 3

komentarz 1 sierpnia 2020 przez Comandeer Guru (601,530 p.)

@_Pita_, @VBService, od takich rzeczy są raporty.

@Gekonik, proszę zapoznać się z regulaminem forum (zwłaszcza, jeśli chodzi o nadawanie odpowiednich tytułów wątków, treści pytania i wstawiania kodu) i założyć poprawnie temat.

komentarz 1 sierpnia 2020 przez _Pita_ Stary wyjadacz (11,410 p.)

Autor nie użył tylko bloczku code, więc uznałem, że sprawę można rozwiązać szybko i "bardziej polubownie". Co do pozostałych błędów autora, w pełni się z Tobą zgadzam.