JSFiddle - React, Tailwind, and code Playground

by rexonms

HTML

<h1>HTML/CSS Test 1</h1>
<!-- Using CSS alone, make the inner divs space-around -->
<div class="spaceAround">

  <div>w</div>
  <div>e</div>
  <div>r</div>  
</div>
<hr>

<h1>HTML/CSS Test 2</h1>
<!-- Without changing the markup, follow the instructions to color the elements correctly -->

<div>
  <ul>
    <li>Make Me Red!</li>
    <li>I should be black
      <ul>
        <li>I should be black</li>
        <li>I should be black</li>
      </ul>
    </li>
    <li>Make me Green!</li>
  </ul>
</div>

CSS

.spaceAround > div{
  background: #ccc;
}