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

Почему margin-top не работает?

Решил пробовать Web-сферу. Первым делом решил выучить основу основ - HTML и CSS. Сегодня же и начал.
Уже два часа голову ломаю,если не больше.

site.html
<html>
	<head>
		<title>Сайт.</title>
		<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
		<div class="block1" align="middle">
			<a href="https://ya.ru" target="_blank">ссылка</a>
			<a href="https://ya.ru" target="_blank">ссылка</a>
			<a href="https://ya.ru" target="_blank">ссылка</a>
		</div>
	</body>
</html>


style.css
html,body
{
	margin: 0;
	padding: 0;
}

.block1
{
	width: 100%;
	height: 10%;
	background: #373737;
}

a
{
	color: white;
	font: 35px Comic Sans MS;
	text-decoration: none;
	margin-top: 5%; <- проблема.
}

По идее над 'ссылка' сверху должен быть отступ,но его нет.Кстати,с margin-bottom такая же фигня.
  • Вопрос задан
  • 3141 просмотр
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
@faradeifrontend
Использую пробелы для отступов ;)
для a добавь display: inline-block;
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нарисовать проект Площадки для дизайнеров интерьеров
22 нояб. 2024, в 10:19
10000 руб./за проект
Сделать верстку двух страниц из фигмы
22 нояб. 2024, в 09:58
5000 руб./за проект
Доделать проект
22 нояб. 2024, в 09:57
3000 руб./за проект
Ещё заказы