HTML please

A'Kon · 23 Апр 2018

Всем привет. Проблема такая : при добавлении кнопки она уезжает в угол, не смотря что она в блоке
Короче, посмотрите да помогите, отблагодарю :seemsgood:

HTML:

<DOCTYPE html>
<html>
  <head>
    <meta charset="utf8" />
    <title>Crios</title>
    <link rel="stylesheet" href="css/style.css" />
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  <script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/4B8BC9B9-46C5-E041-B7B2-6B9932CF08B4/main.js" charset="UTF-8"></script></head>
  <body>
    <div>
      <div class="menu">
        <img class="menu-pic" src="images/burger.png">
        <img class="menu-pic" src="images/search.png" align="right">
      </div>
      <div>
        <h1 class="header">Simple PSD template with cool stuff</h1>
        <h2 class="hide-header">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
      </div>
      <div class="horse">
      <button class="tem-button">Explore template</button>
      </div>
    </div>
  </body>
</html>

Вот стили ксс

Код:

.menu{
    width: 1500px;
    margin: auto;
    margin-top: 50px;
}

.header{
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    text-align: center;
    margin-top: 250px;
}

.hide-header{
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    text-align: center;
    color: gray;
    margin-top: -20px;
}

.menu-pic{
    border-radius: 40px;
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
}

.horse{
    background-image: url("../images/horse.png");
    background-repeat: no-repeat;
    width: 100%;
    margin-top: -480px;
    height: 2561px;
}

.tem-button{
    background-color: white;
    border-radius: 40px;
    border: 2px solid #fff;
    color: blue;
    position: center;
    margin-top: 20px;
    width: 200px;
    height: 50px;
}

Вот что получаются:

Konders · 23 Апр 2018

tem-button -
position: center;

Разве есть такое свойство у position?

A'Kon · 23 Апр 2018

Konders написал(а):
tem-button -
position: center;

Разве есть такое свойство у position?

Вроде бы и нет, но проблема в том что этот стиль ничего не меняет

Marikhaker · 23 Апр 2018

Поищи хелпу здесь пока-что

Пожалуйста, авторизуйтесь для просмотра ссылки.

unknown1 · 23 Апр 2018

|
Download |

Пожалуйста, авторизуйтесь для просмотра ссылки.

|

rayM · 26 Апр 2018

Попробуй
<button class="tem-button text-center">Explore template</button>