답변: 중간에 단어가 있는 가로선에 대한 CSS 기법 답: 중간에 단어가 있는 가로선에 대한 CSS 기법

1679 단어

대답 re: 중간에 단어가 있는 수평선에 대한 CSS 기법



2017년 6월 20일


63





다음은 Flex 기반 솔루션입니다.



h1 {
  display: flex;
  flex-direction: row;
}
h1:before, h1:after{
  content: "";
  flex: 1 1;
  border-bottom: 1px solid #000;
  margin: auto;
}
h1:before {
  margin-right: 10px
}
h1:after {
  margin-left: 10px
}
<h1>Today</h1>


JSFiddle: https://jsfiddle.net/yoshiokatsuneo/3h1fmj29/





Open Full Answer

좋은 웹페이지 즐겨찾기