[CSS] 글 포인트 주기 border-left-width이용

글에 포인트를 줄때 사용하는 CSS로 border-left-width와 border-color와 background를 이용한 글씨 테코레이션입니다.

 HTML내용

<style>

span.note {

padding: .1em .5em .15em;

}

.note {

border-color: #52E052;

background: #E9FBE9;

}

.note {

padding: .5em;

border-left-width: .5em;

border-left-style: solid;

}

</style>

<span class="note">Note that the initial containing block's size is affected by

   the presence of scrollbars on the viewport.</span>