div보다 작은 border

#global-header { ~~~
position:relative;
~~~ }

#tt-body-index #global-header:before {
content:"";
position:absolute;
bottom:20px;
width:30%;
border-bottom:thin solid #cac1b6;
}

출처 :: [CSS] div보다 작은 border 만들기 (Make border smaller than div length)

211103 추가) 아니면,

#article.fc h3:after {
content: "";
dispaly: block;
width: 50%;
border-bottom: 2px solid #d9d0c3;
margin-top: 7px;
}

출처 :: CSS / 짧은 밑줄 만들기

before와 after의 차이는 모르겠다-.-.-

---

이건 이거고,  포스팅 수정하는데 하단에

왜 이런 게 붙는지 모르겠다. 어떤 특정 상황에만 생기는 건지, 디폴트로 생기는 건지도 모르겠고 냅둬도, 지워도 변하는 건 없고 검색해보니 크롬의 확장 프로그램 중 구글 번역과 관련 있다는데 그게 말이 되나?;;;

- 라고 포스팅하고 보니 블로그 첫 화면 커버에 이상이 생겨서 캡쳐로 대체함. 도대체 뭐지 저거.

211103 추가) 어느 순간 없어진 듯.