Как сделать отступ слева в css?

Пользователь

от jeremy_larkin , в категории: HTML/CSS , 3 года назад

Как сделать отступ слева в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от alfonso.heidenreich , 3 года назад

@jeremy_larkin  Сделать отступ слева в CSS, можно через margin-left :


HTML:

1
2
3
<body>
    <div id="sq">Зеленый квадрат</div>
  </body>


CSS:

1
2
3
4
5
6
7
#sq {
    height: 100px;
    width: 100px;
    background-color: seagreen;
    margin-left: 100px;
    text-align: center;
}


Пользователь

от keyon.brown , 2 года назад

@jeremy_larkin 

Вы можете сделать отступ слева для элемента в CSS, используя свойство padding-left или margin-left.


Свойство padding-left задает отступ внутри элемента, добавляя пустое пространство между содержимым элемента и его границами слева. Например, чтобы задать отступ слева в 20 пикселей для элемента div, вы можете использовать следующий CSS-код:

1
2
3
div {
  padding-left: 20px;
}


Свойство margin-left задает внешний отступ слева для элемента, создавая пустое пространство между элементом и соседними элементами слева. Например, чтобы задать внешний отступ слева в 20 пикселей для элемента div, вы можете использовать следующий CSS-код:

1
2
3
div {
  margin-left: 20px;
}


Оба свойства могут использоваться для создания отступа слева в CSS, но их применение может зависеть от того, что вы хотите добиться с визуальным отображением элемента на вашей странице.