JSFiddle - React, Tailwind, and code Playground

Lynda.com CSS #1 - inline, block and display

by Pritam Bohra

HTML

<div>This is a div.</div>
<p>This is a paragraph.</p>

<span>This is a span.</span>
<a href="#">This is a link.</a>

<span>This is span 1</span>
<span>This is span 2</span>
<span>This is span 3</span>

<div>This is div 1</div>
<div>This is div 2</div>
<div>This is div 3</div>

CSS

div, p {
    background: #e74c3c;
    height: 40px; 
    width: 150px;
}
span, a {
    background: #3498db;
    height: 0px; 
    width: 150px;
}