문장에서 원하는 글자위에 라인긋기 > IT 기술백서

라인긋기 원하는

 

위와 같이 원하는 글자 위에 라인을 긋는 방법이다.

 

먼저 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]

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤