So zentrieren Sie ein Element, dessen Breite nicht 100% ist

Question

Ich habe eine title erstellt und die width: 30% erstellt, sodass ich eine Box erstellen konnte, aber jetzt ist sie nicht zentriert. Ich habe viele verschiedene Dinge ausprobiert, um es zentriert zu bekommen, aber keine hat funktioniert. Ich kann es selbst zentrieren, indem ich left: 35% hinzufüge. Aber das ist nicht perfekt zentriert. Irgendwelche Ideen darüber, wie ich meine title perfekt zentrieren kann, während die width nicht unter 100% ist?

Answer 1

Sie können den linken und rechten Rand auf auto setzen, um dies zu erreichen.

margin: 0 auto;

h1{ 
 
\t width: 30%; 
 
\t border: 2px solid black; 
 
\t margin: 0 auto; 
 
}

<h1>Title</h1>

Answer 2

body{ 
 
    margin : 0; /* for cross browsers */ 
 
    padding : 0; /* for cross browsers */ 
 
} 
 
div{ 
 
    text-align : center; /* text alignment */ 
 
    width : 30%; 
 
    margin : auto;  /* block alignment center */ 
 
}

<div> 
 
    <label>Title</label> 
 
</div>