-
Notifications
You must be signed in to change notification settings - Fork 0
/
pseudo-element.html
41 lines (40 loc) · 8.35 KB
/
pseudo-element.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<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>Pseudo element</title>
<style>
/* label::before
{
content: 'bishalkhanal';
color: red;
} */
p::first-line
{
color: red;
}
p::first-letter
{
font-size: 4em;
}
</style>
</head>
<body>
<!-- <form action="">
<label for="username">First name </label>
<input type="text" name="usename" placeholder="Enter name" required >
<input type="password" name="password" >
<input type="email">
<input type="submit" name="submit">
</form> -->
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime, nam nisi qu
aerat, repellat error, delectus ab hic impedit praesentium obcaecati fugiat tempora mai
ores perspiciatis repellendus perferendis quasi culpa eligendi. Ipsam libero suscipit eaque cu
lpa deserunt sequi nemo voluptatum quas assumenda laborum! Accusantium veritatis quasi libero reprehe
nderit optio voluptates sit facere alias odit esse illo harum fugiat placeat corporis commodi, aliquid rep
ellendus sapiente necessitatibus distinctio aut atque! Dignissimos est aliquid eius tempore odit tempora
corrupti nihil recusandae repellendus aperiam? Ab quis dicta aspernatur saepe at sint facere tempore odit dolores deleniti voluptates minima ipsum voluptatibus, facilis laboriosam, esse, nihil natus reprehenderit voluptatem est consequatur nostrum inventore dolor praesentium. Magni earum dolor facilis quisquam suscipit, distinctio nisi. Pariatur mollitia dignissimos sequi odit, rerum, dolores iste laborum quisquam dolore aperiam eius accusamus magnam eligendi quae suscipit omnis debitis enim repellat! Sequi nobis architecto nulla quas aliquam praesentium itaque adipisci sint quo exercitationem voluptates placeat fugiat tempora vero quibusdam repudiandae nisi illum similique, hic, voluptate nam. Quo iusto tempora quaerat maiores odio sunt provident laudantium optio, accusamus voluptas dicta quisquam veniam sapiente necessitatibus laborum ipsa. Nostrum veritatis enim consequatur aut corrupti provident asperiores culpa dolore mollitia velit temporibus vel corporis laudantium libero reiciendis exercitationem ad, minima, dolorum tenetur tempore officia perspiciatis quasi a? Debitis accusamus saepe voluptatibus soluta? Atque voluptate corrupti facere tempore? Dolor accusamus libero fugit laborum exercitationem eum architecto porro, beatae, placeat quasi fugiat mollitia itaque. Porro reiciendis, dolorum iusto fugit eum modi repellat! Blanditiis, sapiente ad? Atque architecto unde reiciendis quos quam, asperiores neque, aut provident eligendi maxime sunt ea. Iure consequatur ad maxime dolore enim doloremque eius. Consectetur natus saepe illo incidunt, optio enim numquam adipisci quaerat at iste magni dignissimos, placeat voluptas ipsam obcaecati odit blanditiis nihil reprehenderit? Consequatur facilis enim incidunt modi recusandae accusamus harum ab, consequuntur nobis nostrum praesentium quidem accusantium illum molestias distinctio iusto sit maiores porro, expedita possimus! Adipisci voluptas, eius enim expedita architecto hic! Quisquam quidem ab voluptatibus fugiat aut earum velit ipsa minus neque aspernatur nam suscipit dolore, dolor vel quia quas repudiandae cumque illo impedit officiis? Nobis, quod dicta at ab earum facilis dolore voluptatum voluptate beatae consequatur hic quo sit voluptas est veritatis voluptatem accusantium totam aspernatur molestias error velit? Recusandae iusto sequi nam sapiente. Dolore voluptate asperiores architecto minima optio ex facilis, perferendis eum recusandae incidunt facere consequuntur fugit reprehenderit eveniet, distinctio porro commodi vel modi magni obcaecati dignissimos. Ea, velit non dolor quis recusandae quo alias explicabo pariatur natus adipisci laboriosam est atque magnam ratione minima impedit repellendus beatae eaque maxime asperiores dolore sed consequuntur sunt. Molestiae nesciunt quaerat id esse corporis minima magnam eius velit amet facilis iusto ut sed sunt minus officiis tempora odit, sapiente voluptate! Aspernatur sequi veritatis ad labore perspiciatis hic non ducimus reprehenderit possimus, corporis exercitationem officiis veniam magnam eligendi aperiam laborum ullam porro ipsam mollitia laudantium velit vero dolor odit! Labore laboriosam culpa nostrum iusto, dignissimos voluptatibus dolor quibusdam voluptate aspernatur ex molestiae harum maiores molestias vel officiis reprehenderit tenetur sint, error quod vitae fugit dolorum. Corrupti accusantium ipsum mollitia odit labore eum. Nemo explicabo suscipit ex necessitatibus. Voluptas, modi libero quae explicabo blanditiis tempora iusto? Provident exercitationem officia veniam minima asperiores, vitae rem voluptatem vero, molestias quisquam repudiandae sapiente porro quidem quibusdam dolore ducimus deleniti deserunt, tempore eos beatae repellendus impedit placeat. Mollitia labore tempore esse at. Sint, facilis ducimus doloribus cum ab labore tempora aspernatur corporis dolorem mollitia assumenda laudantium totam. Enim, earum ullam voluptate nam officiis ducimus, inventore excepturi obcaecati praesentium pariatur similique rem? Eius vel omnis recusandae cupiditate amet nam voluptate reprehenderit mollitia magnam, tempora laudantium beatae dolor tempore blanditiis, consectetur dolore delectus accusamus. Voluptas et laboriosam ipsam earum saepe hic maxime, quos sed similique suscipit vel corporis error beatae tenetur fugiat recusandae, deleniti eos nulla ad eligendi doloribus. Dignissimos ea cum velit expedita exercitationem, ipsam deleniti quibusdam. Ut rem provident aut soluta doloribus fuga magni praesentium at, quas eum libero esse exercitationem vel neque nulla nobis itaque numquam! Nostrum fugiat iusto sapiente harum, at assumenda eaque recusandae velit unde exercitationem inventore reiciendis voluptatem a doloremque animi voluptatibus fugit quidem beatae soluta, magnam quibusdam optio, sequi perspiciatis. Pariatur animi perferendis eos ipsa dolores cum laborum. Cumque laudantium maxime perspiciatis eligendi optio delectus, amet nihil corporis, provident commodi praesentium quidem animi a vitae laborum impedit exercitationem ipsam omnis, nobis tempore natus architecto? Doloribus accusantium expedita porro enim provident. Molestiae nesciunt dicta accusantium hic voluptates voluptatibus sit tempora rem maiores reiciendis, odio quasi, totam officia ab est repellendus quae laboriosam voluptatem iste, natus placeat sed id impedit? A expedita eum repudiandae culpa ut placeat voluptas rerum, ad eos quas neque id vitae repellendus reprehenderit ex nostrum aliquam repellat veniam voluptate voluptatem suscipit quod atque nam. Odio nulla officia ducimus dolorum doloribus nisi laboriosam minima, dolor consequuntur voluptatum quidem quaerat, eveniet quis porro similique aliquid. Sint aspernatur doloremque voluptatem dignissimos deserunt culpa qui eius recusandae perspiciatis velit. Quisquam laudantium, incidunt distinctio recusandae nostrum cum atque quaerat, cupiditate molestiae unde mollitia ab delectus quos minus laborum beatae earum accusantium inventore deserunt! Praesentium ex deserunt hic beatae quae corporis, nihil placeat vero accusamus necessitatibus, illo ea, officia deleniti facilis possimus. Voluptatum incidunt, rem culpa ex nobis ad sit illo ea eum ducimus illum iusto similique aperiam modi itaque praesentium quas fugit ut rerum, minima neque perferendis voluptate deserunt. Vero, provident officia! Eligendi reprehenderit repellat possimus dicta ratione id numquam. Libero reiciendis amet similique quis earum. Aliquid ipsam velit quos. Veritatis, nulla suscipit officiis odio odit saepe quae a voluptates nam labore distinctio neque omnis error, nostrum dignissimos, eum voluptate totam itaque voluptas sequi amet libero accusantium. Nostrum ea, porro animi error sit eos labore consequatur quis distinctio cum. Nihil illo quia quidem est, sit mollitia quibusdam quis incidunt totam praesentium repellat molestiae itaque consectetur tenetur quasi odio provident eos, magnam veritatis, cum animi expedita fugiat pariatur! Veritatis harum enim iusto. Recusandae autem, totam ipsam a eius quidem dicta corporis doloribus laboriosam neque alias modi lib
ero officiis voluptates ipsa dolores commodi quos accusantium sint! Quod?</p>
</body>
</html>