HTML Strona internetowa

pytanie zadane 8 września 2019 w HTML i CSS przez Jakub Chomicz 1 Użytkownik (840 p.)
zmienione kategorie 8 września 2019 przez Patrycjerz

<!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.

2 odpowiedzi

odpowiedź 11 września 2019 przez LUKUX Początkujący (440 p.)
wybrane 14 września 2019 przez Jakub Chomicz 1

Najlepsza

Siemanko. Pisz uważniej kod, bo w htmlu masz niepozamykane divy co prawdopodobnie jest Twoim problemem na brak reakcji po wpisaniu "float: left;". Pozdrawiam.