JSFiddle - React, Tailwind, and code Playground

by Mark Thompson

HTML

<div>
    <h1>Headline</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam tincidunt, purus in eleifend ultrices, metus purus accumsan leo, vitae posuere magna lorem id neque. Vivamus eu ligula ut augue molestie dignissim vel ut quam. Maecenas ut risus quis orci ornare interdum. Pellentesque consequat libero at libero posuere rhoncus. Maecenas convallis pellentesque nulla. Etiam ultricies posuere lacus non porta. In pretium sit amet augue at bibendum. </p>
    
    <p>Here's an example of descenders and underlines in links:
        <a href="#" title="">Anyone going away for Spring Break?</a>
    </p>
    
    <p>Quisque aliquet, mauris ut iaculis mattis, felis lectus rhoncus enim, sed pharetra justo risus malesuada enim. Quisque rutrum pulvinar magna blandit pretium. Etiam gravida placerat sollicitudin. Phasellus ipsum felis, dapibus quis viverra vulputate, egestas id eros. Mauris tristique nibh feugiat erat blandit, sed vehicula mauris luctus. Duis pellentesque urna non ultricies fringilla. Proin sed nibh sed lacus pharetra posuere. Vestibulum luctus nisl vel vestibulum luctus. Phasellus luctus nisi in sem varius pretium.</p>

CSS

* {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #888;
}

div {
    background-color: #eee;
    padding: 10px;
}

h1 {
    margin:0;
}

p {
    color: #666;
}

a { color:#0000ff; text-decoration: none; border-bottom: 1px solid #aaaaff; }