tut6.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inline and Block Elements</title>
    <!-- Inline elements are those elements which only occupy the space bounded by the tags defining
         the element, instead of breaking the flow of element. On the other hand, 
         block-level elements take up the entire space of its parent element.-->
</head>

<body>
    <strong style="border: 2px solid blue;">this is a paragragh</strong> <a style="border: 2px solid red;">this is also
        paragragh</a>
    <span style="border: 2px solid blue;">this is span</span>
    <span style="border: 2px solid red">this is also span</span>
    <!-- Anchor <a> tags also behaves like an inline element.  -->
</body>



</html>