ul li{
  display: inline;
}
li {
 margin-left:15px;
 float:left; /*pour IE*/
 }
ul li a {
 display: inline;
 float:left;   
 width:120px;
 background-color:white;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
ul li a:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 




.rainbow-text {
  background-image: linear-gradient(to right, violet, indigo, blue,turquoise, yellow, orange,coral, red, pink,violet, indigo, blue,turquoise, yellow, orange,coral, red, pink);
  color: transparent;
  background-clip: text;
 -webkit-background-clip: text;
 
}
.rainbow-text:nth-of-type(2) {
  background-image: linear-gradient(to right, violet, indigo, blue,turquoise, yellow, orange,coral, red, pink,violet, indigo, blue,turquoise, yellow, orange,coral, red, pink, violet, indigo, blue,turquoise, yellow, orange,coral, red, pink,violet, indigo, blue,turquoise, yellow, orange,coral, red, pink);
  color: transparent;
  background-clip: text;
 -webkit-background-clip: text;
}