.legend { font-family: Belgika; font-size: 10pt; margin-top: 50px; list-style: none; margin-left: 12vw; float: left; } .legend li { float: left; margin-right: 10px; } .legend span { border: 1px solid #ccc; float: left; width: 12px; height: 12px; margin: 2px; } /*.legend .legendverb { background-color: #ff00ff; }*/ .legend .legendnoun { background-color: #00ffff; } .legend .legendadjective { background-color: #0000ff; } .legend .legendadverb { background-color: green; } .legend .legendhide { background-color: #000000; } /*.legendverb:hover { background-color: yellow; }*/