Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: LoboBlanco en 18 de Marzo 2017, 13:58

Título: CSS HTML ¿Cómo poner varios separadores hr en la misma linea? Distintos colores
Publicado por: 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  :)
Título: Re:Html+php - ¿Cómo poner varios separadores hr en la misma linea?
Publicado por: pedro,, 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. ;D
Título: Re:CSS. ¿Cómo poner varios separadores hr en la misma linea?
Publicado por: LoboBlanco en 21 de Marzo 2017, 15:45
Muchas gracias Pedro

Funciona estupendamente   :)