DIV中文本的内联CSS

Question

在DIV标签内

<div name="layer1" style="background-color:lightblue;">
<hr>Site:Downtown DataCenter Device: 2KBS</hr>
</div>

嗨，

我正在使用Inline CSS样式。 在我的Div标签的hr标签内，我希望将文本“site”和“Device”设置为粗体和大字体？

我怎么能拥有它

请指教。

Answer 1

尝试将您的内容放入p。 hr是一个水平规则，它是一个空元素w3c specifcation。将您想要的文本放入span元素，然后应用样式font-weight:bold;font-size:20px或任何您想要的大小。

Answer 2

首先，<hr>并非旨在包含任何内容，非常类似于<img>或<br />。

试试这个：

<div class="layer1">
    <strong>Site:</strong> Downtown DataCenter <strong>Device:</strong> 2KBS
</div>
<hr></hr>

CSS可能如下所示：

.layer1
{
    background-color: lightblue;
}

.layer1 strong
{
    font-size: larger;
}