JSFiddle - React, Tailwind, and code Playground

by marcolino

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="stileSito.css">
<title>Il Mio Sito Web</title>    
</head>
    <body>
     <h1><br>myMusicMode</h1>
    <div class="title">
        <a href="introduzione.html">Home</a>
   
        <a href="hiphop.html">Hip Hop</a>
    
        <a href="jazz.html">Jazz</a>
   
        <a href="rock.html">Rock</a>
   
        <a href="trap.html">Trap</a>
        
        <a href="classical.html">Classical</a>
    </div>
        <h2>Hip Hop</h2>
        
        <p>Hip Hop is a genre of music that can be considered as a <b>cultural movement</b> started in the 1980s and 90s.</p>
        <p>This is the style of music that embraced <b>rap</b> for the first time, which is the action of speaking to the rythm of a piece of instrumental music.
            However, hip hop does not only incorporate rap music, instead it includes the practice of "<b><i>djeing</i></b>",<b><i> "graffiti"</i></b> art, and the type of dance which is practiced on hip hop music, <b><i>"B-boying"</i></b></p>
        <div class="imgright">
        <img src="https://imgur.com/download/eZmHEuR" height="200" width="250">
        </div>
        <h3>hip hop origins</h3>
        <p>Since this is a music site, we will stick to music artists rather than "hip hop" artists.</p>
        <p>It is remarkably hard to place the start of hip hop music on a timeline, but from what we know for sure, This genre of music was developed in the complex of Bronx, NY.</p>
        <div class="imgleft">
        <img src="https://imgur.com/download/ljGYA07" height="130" width="250">
        </div>
        <p><b>Clive Campbell</b> is known as the "father of hip hop", and the first song related to this type of music is considered to be "<i>Rapper's delight</i>", by <b>Sugarhill Gang</b>(1979)</p>
        <audio controls> 
        <source src="first%20hip%20hop%20song.mp3" type="audio/mpeg">
        </audio>
        <p><small><i>Rapper's...

CSS

p{
    font-family: sans-serif;
}
h1{
background-color: #454545;
color:aliceblue;
text-align: center;
font-family:sans-serif;
margin:0;
padding-bottom: 30px;
}
h2{
font-family: sans-serif;
text-align: center;
}

h3{
font-family: sans-serif;
font-variant: normal;
}

.title{
margin:auto;
font-family: sans-serif;
margin-bottom: 40px;
text-align: center;
margin-top: 50px;
}
.imgright{
DELETE_THIS_LINE_margin: 5px;
border:1px solid #ccc;
float:right;
height:200px;
width: 250px;
border-style:groove;
border-color: black;
margin-right: 10px;
}

.imgleft{
float:left;
height: 130px;
width: 250px;
border-style:groove;
border-color: black;
margin-left: 10px;
margin-right: 20px;
margin-bottom: 10px;
}