Untitled

<!DOCTYPE html>
<hmtl>
    <head>
        <title> formatowanie zawarotsci przy pomkocy css</title>
        <meta charset="utf-8">
        <style type="text/css">
        h1{
            letter-spacing: 10px;
            color: blueviolet;
            font-family: Verdana, Geneva, Tahoma, sans-serif;
        }
        h2{
            letter-spacing: 5px;
            color:coral;
            font-family: 'Times New Roman', Times, serif;
        }
        h4{
            letter-spacing: 4px;
            color: #00ffff;
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        }
        h5{
            letter-spacing: 2cm;
            color: #ff00ff;
            font-family: Georgia, 'Times New Roman', Times, serif;
        }
        h6{
            letter-spacing: 1in;
            color:darkblue;
            font-family: monospace;
        }
        body{
            background-color: #ffffff;
        }
        h3{
letter-spacing: 3px;
color:crimson;
font-family: 'Revalia', sans-serif;
        }
        p{
font-size:14pt;
color:green;
        }


        </style>
    </head>
<body>
<p style="color: red;">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Molestiae modi doloremque harum quisquam atque perspiciatis tempore tenetur fugiat corporis perferendis aliquid pariatur accusantium nobis accusamus minima, voluptatum nisi praesentium incidunt?</p>
<p style="letter-spacing:5px;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam iure ipsam quisquam sapiente asperiores quo quae ratione consequuntur beatae laborum eum facilis natus alias quos, accusamus, adipisci saepe, a commodi.</p>
<p style="word-spacing: 10px;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati, ipsum modi? Placeat iste corrupti ex itaque aspernatur. Perspiciatis, possimus itaque error ea, maiores quas nihil tempora libero magnam placeat perferendis?</p>

<hr>
<h1>wyrownywanie tekstu</h1>
<h2>do lewej</h2>
<p style="text-align: left;">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Distinctio ipsa praesentium laborum et, ullam mollitia atque eum possimus quidem quisquam aspernatur deleniti, unde necessitatibus at iusto accusantium sit, nobis dolore!</p>
<h3>do srodka</h3>
<p style="text-align: center;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Id ea assumenda eveniet distinctio inventore laborum? Hic ut id totam, maxime tempore voluptas qui quaerat, porro magnam ea similique voluptates! Soluta?</p>
<h4>do prawej</h4>
<p style="text-align: right;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur omnis nemo odio ea officia eum numquam earum mollitia nam ut, illum, fugiat temporibus soluta vel molestias eos corporis sint delectus!</p>
<h5>wyjustowanie</h5>
<p style="text-align: justify;">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perspiciatis, sed repudiandae earum possimus quia magni, aliquid maiores quas illum labore dicta reiciendis beatae praesentium laborum nulla enim quisquam suscipit esse!</p>


<h6>niezla sprawa</h6>