<!-- 선택자 요소의 내부 앞,뒤에 내용을 삽입. 가상의 인라인 요소를 만든다. -->
<!-- content 는 반드시 적어줘야 한다. 내용이 없다면 content: ""; 라고 해주자. -->
<div class="box">
Content
</div>

.box::before {
  content: '앞!';  <!-- 앞!content -->
}

.box::after {
  content: '앞!'; <!-- content앞! -->
}