如何在div内绘制正方形

Question

我有一个图像，我想在其中创建一个正方形，但是它绘制一个矩形。

p::after { 
  content: "";
  background-color: red;
  padding: 5px;
  /*line-height: 0px;*/
}

<p>That is not a square -&gt;</p>

Answer 1

display:inline-block将解决问题

p::after { 
  content: "";
  display:inline-block;
  background-color: red;
  padding: 5px;
  /*line-height: 0px;*/
}

<p>That is a square -&gt;</p>