Задать вопрос
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?
  • Вопрос задан
  • 117 просмотров
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 комментарий
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать интеграцию amoCRM + Яндекс.Метрика по API
25 нояб. 2024, в 11:09
4000 руб./за проект
Разработка бота рассылок в Telegram
25 нояб. 2024, в 10:16
7000 руб./за проект
Разработать бота-краулера для парса всех каналов в телеграм в бд MySQL
25 нояб. 2024, в 09:53
14000 руб./за проект
Ещё заказы