@DavidFosterWallace

Почему не работает float?

Что не так?
И вообще: правильно ли я верстаю?

<html>
<head>
<title>
National Geographic
</title>
<meta charset="utf-8"> 
<link rel="stylesheet" href="MySite1.css">
</head>
<body>
<img class="logo" src="Rectangle-3.gif">
<p   class="title">
NATIONAL<br> GEOGRAPHIC<br>
<p>
<img class="lyst" src="13.gif">
</body>
</html>


body {
	background-image: url(20.gif);
	background-size: cover;
}
.logo {
	padding-left: 70px;
	padding-top: 50px;
	float: left;
}
.title {
	color: white;
	padding-left: 138px;
	padding-top: 50px;
	font-family: sans-serif, "Times New Roman";
    font-size: 30px; 
}
.lyst {
	padding-left: 1009px;
	padding-top: 75px;
	float: right;
}
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 2
uashkki
@uashkki
Frontend Developer
Не уверен, что я тебе помог, так как не сильно понял суть задачи, но:
https://codepen.io/anon/pen/jgMeKg
Ответ написан
Комментировать
@Sashjkeee Куратор тега CSS
f-e
Либо так
Либо используйте flexbox как показал Kirill Udaltsov
Либо используйте css-grid
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы