<div >
<h1>The title of this page</h1>
<p>This is a paragraph of text on the page.</p>
<p><img src="cat.jpg" alt="Description of image"></p>
<p><a href="https://www.example.com">Link to an external website</a></p>
<p><span>This is a highlighted section of text.</span></p>
</div>
Block-level elements are used to format the layout of a page
They start on a new line and take up the full width available
– They can also contain other block-level elements.
<b> <h1> <div> <table> <ul> <ol> and more
Inline-level elements are used to format text within a block-level element
They do not start on a new line
They only take up the necessary width to contain their content
<span> <img> <a> <b> <em> <i> <cite> <input> <label> and more