[resolu] <hr> ne veut pas se centrer horizontalement

<hr> ne veut pas se centrer horizontalement [resolu] - HTML/CSS - Programmation

Marsh Posté le 11-03-2015 à 12:23:21    

Bonjour,
 
J'ai un problème avec la balise <hr>, je n'arrive pas à la centrer horizontalement
 
En html j'ai ça :
 
<hr align="center"/>  
 
En Css, j'ai ça :  
 
hr {
  display: block;
  border-top: 1px solid #ddd;
  width: 50%;
  margin: 25px;
}
 
Si j'enlève "margin", alors elle se centre, mais j'aimerai bien garder margin qui me permet de garder un peu d'espace au dessus et au dessous de la barre hr.
 
Auriez-vous une idée à me proposer pour centrer hr tout en gardant margin ?
 
D'avance merci  :)


Message édité par spock citron le 11-03-2015 à 12:55:32
Reply

Marsh Posté le 11-03-2015 à 12:23:21   

Reply

Marsh Posté le 11-03-2015 à 12:27:41    

enlève le margin et remplace le par :
 
margin-top: 25px;
margin-bottom: 25px;

Reply

Marsh Posté le 11-03-2015 à 12:55:00    

Hello,
 
Testé et approuvé !
 
Merci pour ton aide :hello:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed