Question

我有一个HTML框，我想使用CSS在新行中添加更多文本。

我尝试创建另一个HTML标记，但这只是一团糟，而不是包装盒的一部分。也尝试过content: "ex";，但是什么也没做。

.Device1 {
  position: relative;
  left: 8%;
  top: 20px;
  text-align: center;
}

<div class="Device1" style="width: 400px; height: 100px;border: 1px solid #000000;">Device 1</div>

我想要一个框，上面显示设备1，在它下面我想添加其他文本。

Answer 1

由于div是一个容器，因此只需在其中放入更多标签即可！

因此您可以使CSS看起来像这样

.Device1 {
  position: relative;
  left: 8%;
  top: 20px;
  text-align:center;
  width: 400px;
  height: 100px;
  border: 1px solid #000000;
}

并使html看起来像这样

<div class="Device1">
  Device 1
  <h1>Other Text</h1><br>
  <p> more text</p>

</div>

Answer 2

您可以尝试使用此posation属性。

.Device1 {
  position: relative;
  left: 8%;
  top: 20px;
  text-align: center;
}

<div class="Device1" style="width: 400px; height: 100px;border: 1px solid #000000;">Device 1</div>
<span style=" position: relative; top: -64px; left: 124px; ">new line </span>

如何在HTML框中使用CSS添加多个文本？

2 个答案: