margin-top не работает

Question

margin-top не работает :(

.text {
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#maintext {
text-decoration: none;
margin-top: 200px;
}

<!DOCTYPE HTML>
<html>

    <head>
        <metacharset="UTF-8"/>
        <link rel="stylesheet" type="text/css" href="style.css.css" />
    </head>

    <body>
        <center>
            <a title="Получить п%*(ы" id="maintext" class="text" href="kek.html.html">ыыы</a>
        <center/>
    </body>
</html>

Answer 1

Потому что ссылка это inline элемент

Answer 2

Просто добавьте "блочности" ссылке:

.text {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

#maintext {
  display: inline-block;
  text-decoration: none;
  margin-top: 200px;
}

<!DOCTYPE HTML>
<html>

<head>
  <metacharset="UTF-8" />
  <link rel="stylesheet" type="text/css" href="style.css.css" />
</head>

<body>
  <center>
    <a title="Получить п%*(ы" id="maintext" class="text" href="kek.html.html">ыыы</a>
    <center/>
</body>

</html>

БЛОГ НА HUSL

margin-top не работает

Ответы (2 шт):