Как опустить вниз текст в блоке, что бы он был по середине слева?

Question

[SamFirst]

Как надо
У меня

Comments

[SamFirst]

Ну если можете, помогите довести картинку до такого уровня которого я отправил

[SamFirst]

Yokaze, div>h1{
color: aliceblue;
width: 160px;
height:160px;
background: green;
border-radius: 10px;

Answer 1

[Сергей delphinpro]

Убрать высоту, добавить внутренние отступы.

Comments

[SamFirst]

каким тегами отступы в Css делать?

[Сергей delphinpro]

SamFirst, в css не теги, а свойства.

https://developer.mozilla.org/.../CSS/padding

[Сергей delphinpro]

SamFirst,

[SamFirst]

Сергей delphinpro, Спасибо большое))

Answer 2

[Kentavr16]

Обратите внимание на свойство padding. Песочница

Answer 3

[12Vadim12]

Можете добавить padding и вычесть с ширины(если она фиксирована)

h1{
  color: aliceblue;
  width: 160px;
  height:160px;
  background: green;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
}

Comments

[SamFirst]

А можно еще вопросик, после этих манипуляций у меня блок превратился в это
как это исправить?

[12Vadim12]

SamFirst, если бы я делал этот блок, я прописал текст, к нему задал padding, и указал max-width(главное шрифт нужный использовать и font-size, если вы делаете по макету), и у вас будет нужный результат