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

Почему отступ слева и почему нет отступа справа?

6121474d652d3510529913.png

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <link rel="stylesheet" href="mybrand3.css">
    <div class="brandtxt">
        <a href="https://ruslan.website">
            RUSLAN WEBSITE
        </a>
    </div>
</body>

</html>


.brandtxt {
	margin: auto;
	background: #090d00;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	border: 4px double rgba(255, 255, 255, .25);
}

.brandtxt a {
	text-decoration: none;
	font: 700 1.5em "Oswald", sans-serif;
	text-shadow: 0 0 80px rgba(255, 255, 255, .5);
	background: url(mybrandback.png) repeat-y;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: aitf 80s linear infinite;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;

}

@-webkit-keyframes aitf {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 100% 50%;
	}
}


Мне не нужны отступы вообще. Ширина 100% это же от body? тогда если body начинается с отступом слева почему тогда мой блок с шириной 100% правильно начинается с отступом слева но заходит за правую часть body?
  • Вопрос задан
  • 94 просмотра
4 комментария
Подписаться 1 Простой 4 комментария
Пригласить эксперта
Ответы на вопрос 2
@Cook1eMonsta
body{margin: 0}
Ответ написан
Комментировать
Комментировать
@interneterrorhehe 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="mybrand3.css">

</head>

<body>
    <div class="container">
    	<div class="brandtxt">
        	<a href="https://ruslan.website">
            	RUSLAN WEBSITE
        	</a>
    	</div>
    </div>
</body>

</html>


.brandtxt {
  margin: auto;
  background: #090d00;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  border: 4px double rgba(255, 255, 255, .25);
}

.container{
	margin-left: 50px;
	margin-right: 50px;
}


Извините, ну я не могу найти в вашем коде строку которая должна делать отступ с лева, уберите ее и если надо отрегулируйте марджини под себя.

И<link rel="stylesheet" href="mybrand3.css"> я поставил вам в head
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработка приложения и скриптов на python
04 мая 2024, в 17:58
10000 руб./за проект
Разработать 3Д модель сверла в NX10
04 мая 2024, в 17:40
1000 руб./за проект
MiniApp для телеграмм на React+Redux
04 мая 2024, в 17:35
150000 руб./за проект
Ещё заказы