23 задание как сделать?

Нужно отодвинуть лого ан 40 см, но я не пойму как, помогите.

html

css

5 ответов

Код ваш приложите ответом полностью

<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>CSS свойство margin</title>

<!-- Подключаем style.css -->
<link rel="stylesheet" href="style.css">

</head>

<body>

<h1>Внешний отступ margin</h1>
<div class="container">
<div class="block">
БЛОК
</div>
</div>

</body>
</html>

.block {
background-color: rgb(35, 84, 77);
color: #f4f4f4;
width: 40px;
padding: 30px;

}

Задание

Отодвиньте div с классом .block от левого края на 40px с помощью CSS. Изменения стилей должны задаваться в файле style.css. Верхний и нижний отступы должны остаться без изменений. Остальной код не изменяйте

Такой код должен быть:

HTML

<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>CSS свойство margin</title>
    
    <!-- Подключаем style.css -->
    <link rel="stylesheet" href="style.css">
    
</head>
<body>
    
    <h1>Внешний отступ margin</h1>
    <div class="container">
        <div class="block">
            БЛОК
        </div>
    </div>

</body>
</html>

CSS

.block {
    background-color: rgb(35, 84, 77);
    color: #f4f4f4;
    width: 40px;
    padding: 30px;
    margin-left: 40px;
}