JSFiddle - React, Tailwind, and code Playground

by DNNdrago

HTML

<head lang="en">
    <meta charset="UTF-8">
    <title>Friends</title>
</head>
<body>
    <h1>Doge Social Network</h1>
    <nav>
        <ul>
            <li><a href="6.%20HomePage.html">Home</a></li>
            <li><a href="6.%20Profile.html">Profile</a></li>
            <li><a href="#">Friends</a></li>
        </ul>
    </nav>
    <hr/>
    <h2>Friends of Doge</h2>
    <hr/>
    <dl>
        <dt>Such Friend</dt>
        <dd>best friend</dd>
        <dt>Many Friends</dt>
        <dd>unknown</dd>
        <dt>Wow</dt>
        <dd>yeah, right</dd>
    </dl>
</body>

CSS

body {
    background-color: #ADD8E6;
}
hr {
    border-color: #E4E6E7;
}
img {
    border: black solid 1px;
}
dt {
    font-style: italic;
}