JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.95.3/css/materialize.min.css">
<!-- 
    Hello Lincoln look up here...
    I am an HTML comment. Today we are going to learn about the two most
    important elments in HTML the div and the span. We will learn about 
    other HTML elements in later lessons.
 -->

<div>I am a div. I stand for division. I am a block-level element. That means I can contain inline elements as well as other block-level elements. (There are a few block-level elements that don't follow this rule) As a block-level element my default width is the width of my parent and my height is the height of my content.</div>

<span>I am a span. I am an inline element. That means I can only contain other inline elements. my width and height are the same as my content.</span>

<div><span>A span can go inside of a div, but a div cannot go inside of a span.</span></div>

<div><div>You can nest divs inside of divs</div></div>

<span><span>You can nest spans inside of spans</span></span>

<!-- 
    Elements contain attributes. Two attributes that are common among all elements are id and class. We define the value of the attribute with an = sign and then wrapping the value in quotes. id and class are special attributes because they must not start with a number like 1 2 3, and they have to be all run together. NO SPACES. So we seperate words with hyphens. 
--> 

<div id="my-id" class="my-class"></div>

<!--
   You can also make up attributes. When we make up attributes we put the prefix data on it. The data protects us from any custom attributes that the browser might add to the element in the future. It isn't neccessary to prefix data but it is the safest way.
-->

<div data-this-is-my-made-up-attribute="whatever"></div>

<!--
    HOMEWORK: Answer the questions below and then press update. Email me the link by copying the URL from the browser search box. It should start with jsfiddle.net.

    Read The following articles by...