Как центрировать элемент, где ширина не равна 100%

Question

Я создал title, и я сделал width: 30%, чтобы создать вокруг него коробку, но теперь она не центрирована. Я пробовал много разных вещей, чтобы сосредоточиться, но никто не работал. Я могу сосредоточить его, добавив left: 35%. Но это не совсем по центру. Любые идеи о том, как я могу полностью сосредоточиться на моем title, а width не на 100%?

Answer 1

Для этого вы можете использовать набор левого и правого полей для автоматического.

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>