위와 같이 원하는 글자 위에 라인을 긋는 방법이다.
먼저 html 에서 원하는 위체를 <span>글자</span> 로 감싸준다.
[code]
<strong><span>IT</span>·프로그래밍</strong> 개발 강의
[/code]
그리고 css 는 아래와 같이 작성한다.
[code]
.accent {
display: inline-flex;
flex-direction: column;
justify-content: flex-end;
vertical-align: bottom;
border-top: 5px solid #000;
}
[/code]