인라인 텍스트

HTML/요소

인라인 텍스트 - SPAN

컴공 윤서혜 학습일기 2020. 12. 28. 23:08

본질적으로 아무것도 나타내지 않는 콘텐츠 영역을 설정.

span {display : inline}

<body>
    동해물과 <div>백두산</div>이 마르고 닳도록
    하느님이 보우하사 우리나라 만세
</body>

<body>
    동해물과 <span>백두산</span>이 마르고 닳도록
    하느님이 보우하사 우리나라 만세
</body>

span은 보통 한 문장에서 한글자를 스타일링 할 때 사용된다.

예를들어서 밑에 소스코드를 보면 된다.

<body>
    동해물과 <span class = "bold">백두산</span>이 마르고 닳도록
    하느님이 보우하사 우리나라 만세
</body>

.bold{
    font-weight: bold;
    font-size: 20px;
    color : red;
}

YoonStudyNote