JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<dl>
  <dt>How much wood would a wood chuck chuck if a wood chuck could chuck wood?</dt>
	<dd>1,000,000</dd>
	<dt>What is the air-speed velocity of an unladen swallow?</dt>
	<dd>What do you mean? An African or European swallow?</dd>
	<dt>Why did the chicken cross the road?</dt>
	<dd>To get to the other side</dd>
</dl>

CSS

* {
  padding:0;
  margin:0;
  font-size:16px;
  line-height:1.2;
}

dl {
	counter-reset: my-badass-counter2;
}
dl dt:before {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
	content: counter(my-badass-counter2, decimal-leading-zero) ". ";
	counter-increment: my-badass-counter2;
}
dl dd {
  padding: 5px 0 0 35px;
  margin-bottom: 10px;
}