JSFiddle - React, Tailwind, and code Playground

by Doeke Wartena

HTML

<div id="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin hendrerit hendrerit lectus dapibus dapibus. Donec sagittis ex est, eu tempor purus varius eget. Sed ac nulla dignissim, consequat sapien sit amet, ultrices ligula. Etiam convallis vestibulum consectetur. Aliquam erat volutpat. Donec id mauris congue, pellentesque felis vitae, hendrerit justo. Nam volutpat mauris vel pellentesque convallis. Vestibulum auctor, risus sit amet rhoncus consequat, enim ipsum placerat augue, ac pellentesque leo diam nec elit. Mauris pharetra pellentesque nulla congue lacinia. Sed vestibulum massa eget congue pretium. In egestas accumsan dictum.
    </p>
    <p>
    Donec pulvinar, felis et commodo congue, mi eros scelerisque velit, condimentum vulputate nisi turpis at augue. Donec accumsan felis a sem finibus, non cursus leo commodo. Integer porta ac nulla id luctus. Morbi et lorem velit. Maecenas diam nisl, bibendum vel justo at, fermentum luctus mi. Duis dolor leo, ornare eu ipsum vitae, finibus tincidunt magna. Morbi accumsan lectus at lacus pharetra, at blandit ante rutrum. Proin molestie metus sed urna scelerisque volutpat quis ut metus. Donec ut aliquet libero. Morbi lacinia justo nec ex ultricies, in interdum nisl tincidunt. Vestibulum placerat pulvinar libero molestie fringilla. Mauris nisi massa, mattis quis nisi et, iaculis iaculis nulla. Donec et eros sit amet ante vulputate sagittis ac semper nisl. Pellentesque gravida interdum ligula, ut iaculis augue iaculis at.
    </p>
    <p>
    Quisque porta rutrum dui at porta. Vestibulum sed finibus libero, quis dapibus ligula. Fusce non faucibus dolor. Aliquam erat volutpat. Quisque lobortis posuere diam, ut elementum magna. Vivamus risus nunc, placerat eu cursus ultrices, rutrum rutrum risus. Suspendisse potenti. Suspendisse at tincidunt lorem.
    </p>
    <p>
    Donec condimentum, magna a dapibus porttitor, lectus nibh consectetur sapien, ac imperdiet ligula tortor non felis. Etiam ut...

CSS

p {
    font-size: 20px;   
}

#container {
    margin: 0 auto;
    max-width: 400px;    
}

/*
html, body {
	font-size: 30px;
	line-height: 1.2em;
}

main {
	max-width: 1200px;
	margin: 0 auto;
}
*/