Autor Tema: CSS HTML ¿Cómo poner varios separadores hr en la misma linea? Distintos colores (Leído 3556 veces)

LoboBlanco · « **en:** 18 de Marzo 2017, 13:58 »

Hola

Quiero hacer un contador de respuestas correctas e incorrectas.

En principio he pensado hacerlo con 3 hr

Uno sería solo el borde, sin relleno (total de respuestas), otro con relleno rojo (respuestas incorrectas) y otro verde (respuestas correctas)

las 3 lineas gruesas /separadores estarían en la misma linea.

Código: [Seleccionar]

<html>
<head>
<title>Lineas con hr</title>
</head>
<body>
  <hr style="height:10px; color: black; width: 100px">
  <hr style="height:10px; color: black; background-color: green; width: 100"/>
  <hr style="height:10px; color: black; background-color: red; width: 100px">
</body>
</html>

Pero no consigo que hr no haga un salto de linea.

¿Alguien podría decirme como puedo conseguir que hr no haga salto de linea?

Muchas gracias

pedro,, · « **Respuesta #1 en:** 21 de Marzo 2017, 00:26 »

Buenas LoboBlanco.

Podrías usar algo como esto:

Código: [Seleccionar]

<style type="text/css">
	hr {
		display: inline-block;
	}
</style>

Saludos.

LoboBlanco · « **Respuesta #2 en:** 21 de Marzo 2017, 15:45 »

Muchas gracias Pedro

Funciona estupendamente

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: