js/html/text.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Text</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            font: 1.0em helvetica, arial, sans-serif;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            line-height: 1.15em;
            margin-bottom: .1em;
        }

        h1 {
            font-size: 1.9em;
        }

        h2 {
            font-size: 1.6em;
        }

        h3 {
            font-size: 1.4em;
        }

        h4 {
            font-size: 1.2em;
        }

        h5 {
            font-size: 1em;
        }

        h6 {
            font-size: .9em;
        }

        p {
            font-size: .9em;
        }

        code {
            font-size: 1.3em;
        }

        p,
        ul,
        blockquote {
            line-height: 1.15em;
            margin-bottom: .75em;
        }

        ul {
            margin-left: 32px;
        }

        article {
            width: 500px;
            margin: 20px auto;
            padding: 20px;
            border: 2px solid #999;
        }
    </style>
</head>

<body>
    <article>
        <h1>CSS</h1>
        <p>CSS stands for Cascading Style Sheets. CSS controls the presentational aspects of your Web pages.</p>
        <h2>Block-Level Elements</h2>
        <p>Block-level elements stack down the page. They include:</p>
        <ul>
            <li>
                <code>header</code>
            </li>
            <li>
                <code>section</code>
            </li>
            <li>
                <code>h1, h2, etc.</code>
            </li>
        </ul>
        <h2>Inline Elements</h2>
        <p>Inline elements sit next to each other, if there is room. They include:</p>
        <ul>
            <li>
                <code>img</code>
            </li>
            <li>
                <code>a</code>
            </li>
            <li>
                <code>em</code>
            </li>
        </ul>
        <blockquote>
            <q>Typography maketh the Web site.</q>
            <cite>CWS</cite>
        </blockquote>
    </article>

</body>

</html>