 
<!DOCTYPE html>

<html>
<head>
    <title>Centering</title>
    <style>
                
	*     {border: 3px solid orange;
        
        }
        
        .cnt1 {
                text-align: center;
                width: 39%;
                padding: 10px;
                    /* centering the text, not the block */
 	}
        
        .cnt2 {
                margin: auto;
                width: 39%;
                padding: 10px;
                    /* centering the block, not the text*/
        }
        
        .cnt3 {
                margin-left: auto;
                margin-right: auto;
                width: 39%;
                padding: 10px;
                    /* centering the block, not the text*/
        }
        
        .cnt4 {
                margin: auto;
                text-align: center;
                width: 39%;
                padding: 10px;
                    /* centering both block and text*/
        }       
                
        .cnt5 {
                display: block;
                margin: auto;
                text-align: center;
                width: 39%;
                padding: 10px;
                    /* centering both block and text  */
        }        
                
    </style>
</head>

<body>

<p class="cnt1">
    <b>TESLA</b><br>
    Like every Tesla, Model Y is designed to be the safest vehicle in its class.
    The low center of gravity, rigid body structure and large crumple zones provide
    unparalleled protection.<br><br>
    "p" "text-align: center;" <br>
    Centering the text, not the block.
</p>

<p class="cnt2">
    <b>TESLA</b><br>
    Like every Tesla, Model Y is designed to be the safest vehicle in its class.
    The low center of gravity, rigid body structure and large crumple zones provide
    unparalleled protection.<br><br>
    "p" "margin: auto;" <br>
    Centering the block, not the text.
</p>
<br>
<div class="cnt3">
    <b>TESLA</b><br>
    Like every Tesla, Model Y is designed to be the safest vehicle in its class.
    The low center of gravity, rigid body structure and large crumple zones provide
    unparalleled protection.<br><br>
    "div" "margin-left: auto; margin-right: auto; " <br>
    Centering the block, not the text.
    
</div>
<br>
<p class="cnt4">
    <b>TESLA</b><br>
    Like every Tesla, Model Y is designed to be the safest vehicle in its class.
    The low center of gravity, rigid body structure and large crumple zones provide
    unparalleled protection.<br><br>
    "p" "margin: auto;" "text-align: center;" <br>
    Centering both the block and the text.
</p>
<br>
<p class="cnt5">
    <b>Online Element</b><br>
    Centering an inline element, such as "span", "img", "audio", or "vidio".
    By first making the inline element a block one, with "display: block; "<br>
    Centering both the block and the text.<br><br>
    <span>Centering an inline element, such as "span", "img", "audio", or "vidio".
    By first making the inline element a block one, with "display: block; "<br>
    Centering both the block and the text.</span>
    <br><br>
    <audio controls>
        <source src="els.mp3" type="audio/mpeg">
    </audio>
</p>


<br><br>

</body>
</html>