-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmulticolumn1.html
21 lines (21 loc) · 7.87 KB
/
multicolumn1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<style>
.multi{
column-count: 3;
column-gap: 5px;
column-rule-style: dashed;
column-rule-color: rgb(248, 61, 92);
column-rule-width: 3px;
}
</style>
</head>
<body>
<div>
<p class="multi">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit voluptatum corporis quia consequatur excepturi consequuntur, autem dicta eaque itaque eum culpa magnam modi. Odit, architecto maxime optio debitis magnam rem illum incidunt ex corrupti nihil eveniet corporis voluptas culpa nulla quibusdam eum. Facilis sed natus quidem. Aliquid quisquam, corporis, ullam, in odit obcaecati illo hic perspiciatis ratione iste delectus aliquam quasi exercitationem debitis. Eos rem unde eum ad, cumque debitis ullam obcaecati fuga rerum voluptatibus id voluptatum a impedit quod adipisci et quidem sit animi natus sunt accusantium ut. Fuga quis, doloremque quasi distinctio nihil modi minus aperiam deleniti enim corrupti odit hic, aspernatur minima. Enim at tenetur eos fugiat sunt. Ipsam quos inventore officia error officiis culpa blanditiis similique aut doloribus doloremque rerum expedita tempora quo, debitis molestiae ipsum cupiditate ratione accusantium autem sapiente possimus labore dolor asperiores. Alias atque animi ut assumenda eaque molestias culpa natus, delectus cupiditate eveniet dolorum a deleniti eius neque id obcaecati qui nemo, facere fugit repudiandae. Vero, quas. Repellendus, aliquid tempora? Pariatur mollitia necessitatibus ex facere, veritatis dolorum perferendis aut blanditiis culpa rerum explicabo sunt, recusandae provident officia soluta. Cupiditate, architecto amet? Minus, temporibus necessitatibus enim laboriosam a nostrum quasi sequi repudiandae quisquam, officiis deserunt illum molestiae doloribus tempore dolores perspiciatis fuga corrupti velit. Atque impedit voluptatum accusamus earum dignissimos beatae, dolore consequatur maiores sapiente provident, recusandae at ipsa debitis qui. Enim consequuntur omnis tenetur ab pariatur provident, ducimus beatae, at impedit quo porro! Sunt repellat, fugiat ab amet et excepturi eos blanditiis expedita odit corrupti aut doloribus vero officiis fugit. Exercitationem, suscipit placeat? Quisquam itaque cum nesciunt mollitia facere inventore, aliquam voluptate quis. Iusto sed dolorem autem sunt enim libero, voluptatem nobis error vel. Dolores corrupti pariatur possimus tempora molestias ex in voluptatum explicabo, facere iusto optio numquam vel totam cum ab quo temporibus ea cupiditate quibusdam harum fugit obcaecati! Nihil sapiente dicta, error veritatis dolores neque ut animi odio rerum eligendi obcaecati doloremque ipsam corrupti saepe quae repellendus quibusdam doloribus illo provident ipsum quod officia incidunt asperiores perspiciatis? Architecto sed quam numquam blanditiis delectus dicta enim voluptas facere, rem velit odit exercitationem atque voluptatem temporibus aspernatur assumenda ipsam voluptate incidunt natus! Fuga, unde. Sunt, voluptatum assumenda optio fugit laboriosam quae atque pariatur expedita. Illum eveniet amet officiis itaque inventore at cum maxime et eius adipisci quia deserunt earum labore fugit voluptate veniam saepe doloribus, officia deleniti tempora? Voluptates ipsum dicta expedita neque atque cupiditate pariatur, fugiat impedit repellat aut! Nulla quo aliquam totam, ipsum fuga unde accusamus hic incidunt dolore eius dolorum sunt aliquid reprehenderit deserunt, quasi aut iure iste consequatur. Incidunt non accusantium eos voluptas maiores corrupti qui animi vel et? Alias suscipit porro excepturi culpa, eligendi repudiandae ratione sed architecto maiores illo minus amet laboriosam quam quas dolor illum accusamus nobis ad eveniet aspernatur voluptatibus sequi autem vel voluptates. Perferendis ut, sint aperiam quo aut placeat doloremque delectus saepe. Ea aperiam laborum in nobis, fugit nihil, molestias temporibus totam eius magni voluptate sapiente perspiciatis, pariatur recusandae quidem facilis. Hic itaque facere magni! Illum quisquam cumque libero quia sit. Porro sed maiores ad facere, dolores voluptatibus nihil dignissimos nisi, perspiciatis nulla esse necessitatibus unde animi, quidem corporis iste iusto voluptatem quam alias aliquam velit sunt. Dolore doloremque a magnam nam eos ad saepe nesciunt magni placeat, accusamus aspernatur est alias, quos rem velit voluptates labore, error amet corporis odio fugiat. Reprehenderit ducimus numquam molestias facere, illum blanditiis nobis mollitia tempore exercitationem asperiores error libero at quaerat, suscipit nihil ab unde! Labore libero doloremque impedit similique exercitationem nemo odit quaerat earum minima nihil amet, molestiae eos quis tenetur, eligendi possimus dicta obcaecati dolorum aliquid sit odio nisi quisquam aspernatur. Corporis nemo tenetur possimus quidem doloremque, iusto voluptates fugiat sit! Dolores tempora quibusdam veniam nesciunt possimus iusto, illo reprehenderit voluptates, sint quis fugit tenetur? Sunt saepe repellat exercitationem repudiandae ratione sint libero dolorem doloribus, animi, distinctio sapiente nam necessitatibus itaque suscipit incidunt modi laboriosam odio! Nesciunt dolorum expedita, inventore quis, neque itaque ratione similique obcaecati necessitatibus a omnis doloribus eius quidem nemo minima laudantium tempore eaque ullam? Fugit, voluptatum illo repellendus ullam vel, rem aliquid eos porro quis vero unde voluptates laboriosam expedita quibusdam. Obcaecati quam quae asperiores, voluptas nam soluta ex, architecto maiores laboriosam eius reiciendis modi quaerat accusamus veritatis similique quidem doloribus fugit est saepe eaque dicta sed explicabo possimus quod! Molestiae earum quae deleniti quidem officiis numquam hic, vel dolorum architecto rerum, voluptas soluta nihil sapiente debitis ad eos officia ratione impedit cupiditate, et corporis unde sit quas maiores. Impedit placeat inventore nobis deleniti iusto ad quasi sapiente pariatur, quas voluptas quo atque reiciendis sint quaerat expedita eum neque corporis voluptatibus voluptate possimus! Doloribus totam dolorum dolorem vero quis dolor repudiandae odio iusto deleniti quod ipsum explicabo eos quaerat rerum culpa eum obcaecati, tempora incidunt aut inventore deserunt. Tempore earum, facilis ratione blanditiis dolorum voluptatibus, consequatur, repudiandae consequuntur fuga repellendus cupiditate aut veniam officiis in id modi? Sapiente culpa ipsam, fuga, possimus ab optio at velit quod corporis sint, magni et repellat vero reprehenderit neque beatae. Molestiae corporis numquam et odio magnam est vel veritatis unde. Nostrum placeat magni, tenetur illum fuga cupiditate quaerat illo maxime, molestias blanditiis dolorem quia quas porro repudiandae beatae, laborum labore? Assumenda corporis incidunt, earum maxime adipisci neque, amet doloribus placeat maiores cumque voluptatibus dicta id ut doloremque aut ipsa qui dolor quis. Necessitatibus iusto corrupti dignissimos ea doloribus explicabo adipisci enim esse voluptatum nemo sunt harum omnis magnam dolor dolores iste tempora recusandae eveniet, illum a perferendis animi commodi? Odio, fugit suscipit? Rem nemo ipsam reiciendis aperiam dolores nobis quas animi voluptate, fuga, voluptatum quae? Soluta temporibus cumque iusto nobis deserunt, illum eaque reprehenderit quibusdam facilis, earum quos odit, necessitatibus explicabo ipsam accusamus repudiandae! Distinctio provident nemo animi voluptate! Corporis dignissimos praesentium officia ad exercitationem. Omnis perspiciatis necessitatibus dolorem repellat porro qui magnam accusamus id architecto obcaecati assumenda nemo quidem deserunt debitis asperiores, veritatis consectetur et a iure! Exercitationem asperiores blanditiis voluptate consequuntur numquam, ut tenetur enim nostrum nemo facilis esse nam consectetur.
<img src="smile.png" alt="smile">
</p>
</div>
</body>
</html>