Задать вопрос
@misa20562
html

Свойство margin-bottom не применяется для элемента HTML?

Для элемента с классом data_text не применяется свойство margin-bottom

<!DOCTYPE html>
<html>
	<head>
		<title>Business Theme</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			body {
				font-family: sans-serif;
			}
			header {
				height: 88px;
				border-bottom: 1px solid #828282;
				width: 100%;
				margin: 0 auto;
			}
			
			nav {
				text-align: center;
			}
			
			.link {
				display: inline-block;
				margin-top: 33px;
				margin-right: 125px;
				font-weight: 600;
				color: #828282;
				text-decoration: none;
			}
			.link:hover {
				color: #000;
			}
			.wrapper {
				width: 943px;
				margin-top: 40px;
				
			}
			.man_nick {
				margin-left: 200px;
				font-size: 47px;
				font-weight: bold;
			}
			.data_text {
				margin-left: 682px;
			}
			.this_text {
				display: inline-block;
				height: 143px;
			}
			.data_text {
				margin-bottom: 50px;
			}
		</style>
	</head>
	<body>
		<header>
			<nav>
				<a href="", class="link">Home</a>
				<a href="", class="link">About Me</a>
				<a href="", class="link">Skills</a>
				<a href="", class="link">Portfolio</a>
				<a href="", class="link">Contacts</a>
			</nav>
		</header>
		<section class="wrapper">
			<div class="this_text">
				<p class="man_nick">Denis <br />
				Novik</p>
				<p class="data_text">UX|UI Designer <br />
				24 years old, Minsk</p>
			</div>
		</section>
	</body>
</html>
  • Вопрос задан
  • 63 просмотра
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Для элемента с классом data_text применяется свойство margin-bottom

Применяется.
Но не туда, где вы его ждете.
Погуглите про эффект "схлопывание и выпадение вертикальных margin"
htmlbook.ru/samlayout/blochnaya-verstka/skhlopyvay...

p.s. проверяйте свой код валидатором. Между атрибутами не должно быть запятых.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать нейросеть на python с использованием tensorflow
01 мая 2024, в 19:04
5000 руб./за проект
Настройка Яндекс Директ
01 мая 2024, в 18:22
15000 руб./за проект
Сделать софт на requests (post-get запросах)
01 мая 2024, в 17:58
10000 руб./за проект
Ещё заказы