HTML-and-JavaScript/HTML_sixth.html at main · skn1998/HTML-and-JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!--A block element always starts on a new line.
A block element always takes up the full width available.
div, p, etc are block elements-->

<!--An inline element does not start on a new line.
An inline element only takes up as much width as necessary.
span, strong, emp, etc are inline elements-->

<!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>
</head>

<body>
    <p style="border:solid red;">This is a Paragraph.</p>
    <p style="border:solid royalblue;">This is also a Paragraph.</p>
    <div style="border:solid red;">
        <span style="border:solid green;">This is a Span.</span>
        <span style="border:solid royalblue;">This is also a Span.</span>
    </div>
</body>

</html>