JSFiddle - React, Tailwind, and code Playground

by Delaine Wendling

HTML

<div id = "music_box">
</div>

CSS

#music_box {
  border: solid #bbb 1px;
  padding 15%;
  margin: 3%;
  text: center;
}

JavaScript

var music_genres = [
   'Country',
   'R&B',
   'Pop',
   'Hip-Hop',
   'Rap',
   'Indie',
   'Rock',
   'Heavy Metal',
   'Electronica'
]

for(i=0; i<music_genres.length; i++) {
    document.write("<p>" + music_genres[i] + "</p>");
}