CSS Dış Boşluk (Margin) - Auto ile Elementi Ortalama

Konuya git Çalıştır
<!DOCTYPE html>
<html>
<head>
<style>
p {
    width:300px;
    margin: auto;
    border: 1px solid red;
}
</style>
</head>
<body>

<p>Bu element ortalanacaktır.</p>
</body>
</html>