时间戳

首页 > 解决方案 > 如何在 html 框中使用 CSS 添加多个文本？

javascript - 如何在 html 框中使用 CSS 添加多个文本？

问题描述

我有一个 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 的框，我想添加其他文本。

标签： javascripthtmlcss

解决方案

由于 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>

推荐阅读