css - 如何在div内绘制正方形

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

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

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

最佳答案

display:inline-block将解决问题

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

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

关于css - 如何在div内绘制正方形，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54959001/