Встроенный CSS для текста внутри DIV

#javascript #css

#javascript #css

Вопрос:

Внутри тега DIV

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

Привет ,

Я использую встроенный стиль CSS. Внутри тега hr моего тега Div я хочу, чтобы текст «сайт» и «Устройство» были выделены жирным шрифтом и с большим шрифтом?

Как я могу это получить

Пожалуйста, дайте совет.

Комментарии:

1. <hr/> не предназначен для содержания содержимого.

Ответ №1:

Попробуйте поместить свой контент в p . hr это горизонтальное правило, которое является пустым элементом в спецификации w3c. Поместите нужный текст в span элементы, а затем примените стиль font-weight:bold;font-size:20px или любой другой размер, который вы хотите.

Ответ №2:

Во-первых, <hr> не предназначен для того, чтобы содержать что-либо, очень похожее на <img> or <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;
}