почему ссылка съезжает

html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css_script.css">
        <title>о нас</title>
    </head>
    <body>
    <head>
        <section>
            <h1 class="auu">О НАС</h1>
            <a class="back" href="menu.html"><h3>назад</h3></a>
        </section>
        <hr>
        </head>
        <main>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus blanditiis tenetur tempore fugiat incidunt ducimus aliquam eaque natus molestias eos distinctio nostrum et, amet, labore, recusandae eum saepe! Mollitia, doloribus. Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero iste commodi ipsa, atque repudiandae dolorem ex voluptate amet vel deleniti nam rerum. Obcaecati doloremque animi quod earum deleniti perferendis atque? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium labore modi temporibus sint accusamus tenetur soluta error dignissimos odio exercitationem velit reiciendis inventore molestias ipsum culpa ullam, possimus facilis pariatur.</p>
            <a href="#" class="topbutton"><h5>наверх</h5></a>
        </main>
    </body>
</html>

css:

a {
font-size: xx-large;
font-family: 'Montserrat', sans-serif;
text-decoration: none;
color: rgb(255, 255, 255);
}

если вертикально:

введите сюда описание изображения

но если горизонтально:

введите сюда описание изображения


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