{HTML} Une <hr> inline

Marsh Posté le 14-11-2008 à 10:40:51

Sur une page web, j'aimerais avoir une ligne horizontale accolée à du texte comme suit :

Citation :

------------------- Blabla

J'ai pensé au <hr> avec une width :

Code :

<hr style="width: 450px; height: 3px;" />Blabla

Mais j'ai du mal à le rendre inline (par défaut le <hr> est block et donc mon texte est sur la ligne suivante) car dès que je rajoute "display: inline;" le <hr> prends une largeur nulle (enfin j'en ai l'impression).

Reply

Marsh Posté le 14-11-2008 à 10:40:51

Reply

Marsh Posté le 14-11-2008 à 11:23:38

http://www.zonecss.fr/style_css/fe [...] splay.html

Citation :

- inline, le bloc sera considéré comme étant un seule ligne (sauf nets version <6)
- block, spécifie un bloc.
- inline-block correspond à un élément inline avec un comportement bloc (non w3c). Compatible avec Internet Explorer, Opéra et Safari pour FireFox < 2 utiliser
- ...

essaye celui là

Reply

Marsh Posté le 14-11-2008 à 11:23:55

Une solution parmi d'autres :

<html>
<head>
<style type="text/css">
.left_hr {
width: 180px;
text-align: left;
}
</style>
</head>
<body>
<span class="left_hr"><hr></span>Bla bla
</body>
</html>

Message édité par olivthill le 14-11-2008 à 11:24:43

Reply

Marsh Posté le 14-11-2008 à 12:30:00

omega2 > Dommage mais que ça ne soit pas W3C

olivthill > Ca ne change rien, j'ai toujours le <hr> sur toute la ligne (toute la largeur) et le texte la ligne du dessous.