제목 옆에 선 스타일

2522 단어 CSS
다음 그림과 같이 제목 옆에 선을 긋는 스타일입니다.

style.css
h1 {
    background: none;
    position: relative;
    text-align: center;
    width: 500px;
    margin: 0 auto;
}

h1::before {
    border-top: 2px solid #000;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

h1 span {
    background-color: white;
    display: inline-block;
    padding: 0 1em;
    position: relative;
}
index.html
<h1><span>タイトルテキスト</span></h1>
가끔 써야 하기 때문에 필기를 해야 한다.
Marx- 최소한의 코드로 CSS 라이브러리를 작고 예쁘게 만들 수 있어요.
NSTimer의 올바른 폐기 자세

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage