felipedavi/block_paragraph.html

## block_paragraph.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Block Paragraph</title>
    <style>
        body {
            width: 80%;
            margin-inline: auto;;
        }
        .container{
            display: flex;
            flex-direction: column;
            margin-bottom: 50px;
        }
        .prohibited {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>In doloremque galisum ut voluptatibus sunt? </h1>
            <p>Lorem ipsum dolor sit amet. Quo tenetur sunt et fuga aliquid aut minus consectetur.
                Ab Quis voluptate et sunt voluptatibus 33 deserunt optio.
                Ex dolor quaerat aut illum voluptas eum voluptates corrupti At velit aliquam.</p>
    </div>

    <div class="container prohibited">
        <h2>Aut sint fuga eum voluptas optio ut dicta facilis.</h2>
            <p>Ut iure amet et distinctio animi non neque quidem sit iste quia aut aliquam porro non reprehenderit quidem rem doloribus mollitia.
                Ut voluptatum velit ut quasi tenetur et omnis molestiae.
                Aut unde corporis quo Quis debitis ut deserunt voluptatum quo dolorum velit eum perferendis nemo.
                Et enim omnis et ratione soluta At consectetur quia.</p>
    </div>

    <div class="container">
        <h3>Non molestias assumenda eum Quis sint.</h3>
            <p>Quo doloremque accusamus vel repellat voluptates ut sequi voluptatem est dolores esse ut omnis obcaecati aut odit perferendis!
                Sed tempore error id eveniet eaque ea libero omnis non perspiciatis autem aut tempore deleniti sit voluptatem soluta eos molestiae suscipit.
                Sit assumenda corporis est voluptatum quaerat vel atque provident et omnis expedita?</p>
    </div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Block Paragraph</title>
	<style>
	body {
	width: 80%;
	margin-inline: auto;;
	}
	.container{
	display: flex;
	flex-direction: column;
	margin-bottom: 50px;
	}
	.prohibited {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	</style>
	</head>
	<body>
	<div class="container">
	<h1>In doloremque galisum ut voluptatibus sunt? </h1>
	<p>Lorem ipsum dolor sit amet. Quo tenetur sunt et fuga aliquid aut minus consectetur.
	Ab Quis voluptate et sunt voluptatibus 33 deserunt optio.
	Ex dolor quaerat aut illum voluptas eum voluptates corrupti At velit aliquam.</p>
	</div>

	<div class="container prohibited">
	<h2>Aut sint fuga eum voluptas optio ut dicta facilis.</h2>
	<p>Ut iure amet et distinctio animi non neque quidem sit iste quia aut aliquam porro non reprehenderit quidem rem doloribus mollitia.
	Ut voluptatum velit ut quasi tenetur et omnis molestiae.
	Aut unde corporis quo Quis debitis ut deserunt voluptatum quo dolorum velit eum perferendis nemo.
	Et enim omnis et ratione soluta At consectetur quia.</p>
	</div>

	<div class="container">
	<h3>Non molestias assumenda eum Quis sint.</h3>
	<p>Quo doloremque accusamus vel repellat voluptates ut sequi voluptatem est dolores esse ut omnis obcaecati aut odit perferendis!
	Sed tempore error id eveniet eaque ea libero omnis non perspiciatis autem aut tempore deleniti sit voluptatem soluta eos molestiae suscipit.
	Sit assumenda corporis est voluptatum quaerat vel atque provident et omnis expedita?</p>
	</div>
	</body>
	</html>