05-15.html

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Div vs. Span</title>
 </head>
 <style>
  span {
   color: white;
   background-color: darkgray;
  }
  div {
   color: lightgray;
   background-color: black;
  }
 </style>
 </head>
 <body>
  <header>
   <h1>DIVs v/s SPANs</h1>
  </header>
  <main>
   <div>The div element provides away to identify a block of content that can be styled by CSS specified in the style element.</div>
   <p>Without the style element, a div would be indistinguishable from a paragraph within a body of an HTML document. 
    However, paragraphs, like this aren't automatically styled unless specified in the style element.</p>
    <span>Spans</span>
    <span>are not blocks</span>
    <span>of text,</span>
    <span>so they remain</span>
    <span>inline without wrapping live divs</span>
    <div><p>You can even put a<span>span</span>inside of a div if there is something inside requiring<span>special styling</span></p></div>
  </main>
 </body>
</html> 