JSFiddle - React, Tailwind, and code Playground

by Aaromski

HTML

<h1>Looking at lists</h1>

<p>Turn the following list of my favorite vegetables into an unordered list.</p>
<ul>
  <li>Cucumber</li>
  <li>Broccoli</li>
  <li>Asparagus</li>
  <li>Pepper</li>
</ul>
  
<p>Turn the following directions into an ordered list.</p>
<ol>
  <li>First knock on the door</li>
  <li>When prompted, say the magic word</li>
  <li>Wait for at least 5 seconds</li>
  <li>Turn the handle and push</li>
</ol>

CSS

ul {
  border: 2px solid orange;
}

ol {
  border: 2px solid purple;
}

ol, ul {
  padding: 5px 20px;
  border-radius: 4px;
}