<!DOCTYPE HTML>
<html lang "eng">
<head>
<meta charset = "utf-8" />
<meta http-equiv = "X-UA-Compatible" content = "IE = edge,chrome = 1"/>
<title>Playing Crocodile - Games are what we all love </title>
<meta name = "description" content "Games are what we all love"/>
<meta name = "keywords" content "games,gry,Playing Crocodile"/>
<link rel = "stylesheet" href = "style.css" type = "text/css"/>
<link href="https://fonts.googleapis.com/css?family=Josefin+Slab|Lato&display=swap"
rel="stylesheet" type = "text/css">
</head>
<body>
<div id = "conteinter">
<div class = "rectangle">
<div id = "serachlogo"><div>
<div id = "serach">Serach<div>
<div id = "clock">00:00: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>
body
{
background-color: #303030;
color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 20 px;
}
#conteiner
{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.rectangle
{
width: 960px;
margin: 20px;
}
.square
{
width:50%;
float:left;
}
#serachlogo
{
width: 60px;
height: 60px;
background-color: #3095d3;
float: left;
}
#serach
{
float: left;
font-family: 'Josefin Slab', serif;
font-size: 40px;
width: 530px;
}
#clock
{
float: left;
font-family: 'Josefin Slab', serif;
font-size: 40px;
}
Witam mam problem otóż uczę się dopiero html z poradników pana Mirosława i nie działa mi funkcja float: left; zamiast kłaść kafelki obok siebie to sam juz nwm co się z nimi dzieje... Proszę o pomoc.