DIV 내부 텍스트 용 인라인 CSS

Question

DIV 태그 내부

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

안녕하세요,

인라인 CSS 스타일을 사용하고 있습니다. 내 Div 태그의 hr 태그 안에 "사이트"와 "장치"라는 텍스트를 굵은 글꼴과 큰 글꼴로 갖고 싶습니다.

어떻게해야합니까

조언을주십시오.

Answer 1

먼저 <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; 
} 

Answer 2

가 p에 콘텐츠를 넣어보십시오. hr은 빈 요소 w3c specifcation 인 가로 규칙입니다. 원하는 텍스트를 span 개의 요소에 넣은 다음 스타일을 font-weight:bold;font-size:20px 또는 원하는 크기로 적용하십시오.