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

Почему 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 такая же фигня.
  • Вопрос задан
  • 3151 просмотр
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
@faradeifrontend
Использую пробелы для отступов ;)
для a добавь display: inline-block;
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы