Прямоугольник вокруг текста в CSS

Question

Помогите пожалуйста, как сделать в css такой прямоугольник вокруг текста

Answer 1

#p {
  text-align: center;
  width: 70px;
  height: 40px;
  margin: 0;
  padding: 0;
 display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ECF6FC;
  color: #396DA5;
}

#p > p {
  padding: 0; 
}

<div id="p">
  <p>Донат</p>
</div>

Answer 2

p{
  width: 50px;
  padding: 10px 20px;
  color: #ff8800;
  background-color: #ffff00;
  text-align: center;
}

<p>Донат</p>

БЛОГ НА HUSL

Прямоугольник вокруг текста в CSS

Ответы (2 шт):