JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="open_entry_faq">
<dl>
						<dt>응모 작품 수에 제한이 있나요?</dt>
						<dd>아니요. 제한이 없습니다. <br>단 지원 작품마다 참가 지원서를 따로 작성해주셔야 합니다.</dd>
						<dt>응모 자격은 제한이 있나요?</dt>
						<dd>제한이 없습니다. 단 팀 응모는 받지 않습니다.</dd>
						<dt>저작권은 어떻게 되나요?</dt>
						<dd>저작권(저작재산권, 저작인격권)은 당연히 작가에게 귀속이 됩니다. 오펜에서 지원을 받았으나 단막극으로 제작되지 않았을 때에는 같은 내용으로 미니시리즈를 개발하거나 타 제작사에서 영상화<br>하는 것에 제약이 없습니다.</dd>
						<dt>단막극 제작 작품으로 선정되면 극본료를 받나요?</dt>
						<dd>네. 한국방송작가협회에서 정한 단막극 기준 고료에 따라 극본 고료를 받습니다.</dd>
						<dt>PDF로 제출이 가능한가요?</dt>
						<dd>아니요. 제출 작품 안에 개인정보가 있을 때 심사의 불공정성을 <br>방지하기 위해 실격 처리합니다. 개인정보가 들어 있는 상태로 PDF 파일을 제출하시면, 저희가 지워드리지도 못 하고 실격 처리가 되기 때문에, 꼭 한글이나 워드 파일로 제출해주시기 바랍니다.</dd>
						<dt>필명으로 접수해도 되나요?</dt>
						<dd>네. 가능합니다.</dd>
					</dl>
         </div>

CSS

.open_entry_faq dl {
  counter-reset: my-badass-counter;
  
}
.open_entry_faq dl dt:before {
  content: counter(my-badass-counter) ". ";
  counter-increment: my-badass-counter;
  
}