Aplicado a tu script de frases aleatorias, cierra bien los tags y aplica css como sigue, funciona en todas partes. Te puede dar una idea de como hacerl oen el resto de los elementos, el tag font eliminalo...
Código HTML:
Ver original#frases dd {
background-color: cyan;
}
#frases dt {
background-color: pink;
}
#frases {
width: 400px;
height: auto;
}
<script language="JavaScript"> //store the quotations in arrays
quotes = new Array(8);
authors = new Array(8);
quotes[0] = "Puedes participar con cualquier idea, cualquier proyecto, queremos que sea un concurso universitario para todos los universitarios.";
authors[0] = "";
quotes[1] = "49K es la oportunidad de convertirte en tu propio jefe."
authors[1] = "¿Aceptas el reto?";
quotes[2] = "El jurado estará formado por emprendedores de éxito, directivos de empresas de reciente creación e inversores.";
authors[2] = "¿Vas a dejar pasar esta oportunidad?";
quotes[3] = "Premios valorados en 49.000€";
authors[3] = "Infórmate de todo en las bases del concurso.";
quotes[4] = "Garantizamos la confidencialidad de los datos facilitados por los usuarios";
authors[4] = "De acuerdo con la legislación sobre protección de datos.";
quotes[5] = "Visita nuestra sección de preguntas y respuestas frecuentes (faq)";
quotes[6] = "49k: El concurso de las ideas que se quieren convertir en realidad.";
authors[6] = "";
quotes[7] = "Sigue todas nuestras novedades en nuestras redes sociales y canales.";
authors[7] = "";
quotes[8] = "Cambia la forma en la que ves el mundo.";
authors[8] = "";
//calculate a random index
index = Math.floor(Math.random() * quotes.length);
//display the quotation
document.write("
<dl>\n");
document.write("
<dt><i>" + "\"" + quotes[index] + "\"\n
</i></dt>");
document.write("
<dd>" + "" + authors[index] + "
</dd>\n");
document.write("
</dl>\n");
//done
Saludos