JSFiddle - React, Tailwind, and code Playground

by Amando Filipe

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" href="styles/style.css"/>
        <title>CSS Challenge #1!</title>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <div id='logo'><h1>CSS Challenge #1!</h1></div>
                <div id='menu'>
                    <ul>
                        <li><a href='#'>home</a></li>
                        <li><a href='#'>link#1</a></li>
                        <li><a href='#'>link#2</a>
                            <ul>
                                <li><a href='#'>dropdown#1</a></li>
                                <li><a href='#'>dropdown#2</a></li>
                                <li><a href='#'>dropdown#3</a></li>
                            </ul>
                        </li>
                        <li><a href='#'>link#3</a>
                            <ul>
                                <li><a href='#'>dropdown#4</a></li>
                                <li><a href='#'>dropdown#5</a></li>
                                <li><a href='#'>dropdown#6</a></li>
                            </ul>
                        </li>
                        <li><a href='#'>link#4</a></li>
                    </ul>
            </div>
            </div>
            <div id="body">
                <div id='sidebar'>
                    <div class='news-wrapper'>
                        <div class='news-title'>
                            News article #2
                        </div>
                        <div class='news-text'>
                            <img src='http://mndstudios.com/images/demo/60x60.gif' alt='image' class='float-left'/>
                            Tortor ac, nascetur,
                            lacus placerat sed penatibus,...