CSS3 Columns

Developer
Size
2,669 Kb
Views
28,336

How do I make an css3 columns?

Simple CSS3 two column paragraph with drop-caps.. What is a css3 columns? How do you make a css3 columns? This script and codes were developed by Jeya Karthika on 28 November 2022, Monday.

CSS3 Columns Previews

CSS3 Columns - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CSS3 Columns</title> <script src="//use.edgefonts.net/source-sans-pro:n2,i2,n3,i3,n4,i4,n6,i6,n7,i7,n9,i9:all.js"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1> CSS3 Columns
</h1>
<p class="twoColumns">Cheesecake soufflé jujubes biscuit pastry bonbon. Bonbon pie pastry jujubes cookie macaroon croissant powder. Chocolate cake wafer jujubes brownie dessert sesame snaps. Cotton candy fruitcake cheesecake I love icing soufflé cheesecake muffin. Jelly tiramisu danish. Jelly I love powder candy canes macaroon brownie applicake carrot cake cookie. Croissant pudding tiramisu marzipan chocolate bar halvah oat cake ice cream. Cotton candy sugar plum danish sweet roll. I love halvah toffee cupcake wypas toffee caramels macaroon. Pastry cookie cotton candy sugar plum I love. Fruitcake tart ice cream marshmallow apple pie faworki sweet donut donut. Jelly-o ice cream cake candy canes halvah I love I love carrot cake. Wafer lemon drops I love chocolate cake bear claw lemon drops candy canes sweet roll. Fruitcake I love lollipop sweet cheesecake sweet roll I love pastry bonbon. I love halvah chupa chups gummies sweet roll tiramisu croissant carrot cake cake. Oat cake ice cream topping. Pie topping macaroon. Sesame snaps cupcake candy canes gummies icing liquorice sweet. Tiramisu gingerbread icing lemon drops applicake halvah muffin tootsie roll. Cotton candy bonbon halvah gummies gummies marzipan caramels. Applicake marzipan dragée muffin marshmallow ice cream sugar plum. Sugar plum jelly liquorice tootsie roll. Sweet roll lemon drops bear claw I love muffin lollipop tiramisu. Applicake gingerbread caramels donut pastry biscuit jujubes ice cream jelly. Sweet ice cream gummies powder. Carrot cake jujubes bonbon danish dragée bonbon. Candy canes pudding oat cake faworki. Jelly beans candy canes icing I love marzipan chocolate cake gingerbread tiramisu cake. Chocolate bar carrot cake danish muffin cheesecake. Toffee oat cake apple pie. Apple pie pastry gummi bears marshmallow apple pie. Tootsie roll cotton candy marshmallow candy. Tootsie roll macaroon muffin. Croissant I love carrot cake applicake gummi bears. Muffin tart chupa chups. Lollipop marzipan candy. Lollipop I love tart I love gummi bears. Apple pie I love fruitcake macaroon caramels cupcake carrot cake liquorice candy. Halvah I love I love jelly-o liquorice jujubes powder cheesecake jelly beans. Sweet roll macaroon brownie toffee jelly-o. Croissant candy ice cream caramels. Croissant cotton candy chocolate marshmallow I love muffin. Faworki pastry chocolate cake sugar plum sugar plum cake gingerbread. Halvah danish cake. Caramels carrot cake jujubes croissant fruitcake ice cream icing. Toffee cotton candy powder sweet roll. Wafer applicake pudding dragée donut cupcake caramels pie. Sweet roll gingerbread candy canes candy canes cotton candy topping bonbon bear claw. Candy marshmallow sesame snaps. I love cupcake I love sweet roll bonbon. Tiramisu jelly beans pie pastry jelly beans powder tart. I love icing cake toffee powder. I love halvah chupa chups gummies sweet roll tiramisu croissant carrot cake cake. Oat cake ice cream topping. Pie topping macaroon. Sesame snaps cupcake candy canes gummies icing liquorice sweet. Tiramisu gingerbread icing lemon drops applicake halvah muffin tootsie roll. Cotton candy bonbon halvah gummies gummies marzipan caramels. Applicake marzipan dragée muffin marshmallow ice cream sugar plum. Sugar plum jelly liquorice tootsie roll. Sweet roll lemon drops bear claw I love muffin lollipop tiramisu. Applicake gingerbread caramels donut pastry biscuit jujubes ice cream jelly. Sweet ice cream gummies powder. Carrot cake jujubes bonbon danish dragée bonbon. Candy canes pudding oat cake faworki.
Jelly beans candy canes icing I love marzipan chocolate cake gingerbread tiramisu cake. Chocolate bar carrot cake danish muffin cheesecake. Toffee oat cake apple pie. Apple pie pastry gummi bears marshmallow apple pie. Tootsie roll cotton candy marshmallow candy. Tootsie roll macaroon muffin. Croissant I love carrot cake applicake gummi bears. Muffin tart chupa chups. Lollipop marzipan candy. Lollipop I love tart I love gummi bears. Apple pie I love fruitcake macaroon caramels cupcake carrot cake liquorice candy. Halvah I love I love jelly-o liquorice jujubes powder cheesecake jelly beans.
Sweet roll macaroon brownie toffee jelly-o. Croissant candy ice cream caramels. Croissant cotton candy chocolate marshmallow I love muffin. Faworki pastry chocolate cake sugar plum sugar plum cake gingerbread. Halvah danish cake. Caramels carrot cake jujubes croissant fruitcake ice cream icing. Toffee cotton candy powder sweet roll. Wafer applicake pudding dragée donut cupcake caramels pie. Sweet roll gingerbread candy canes candy canes cotton candy topping bonbon bear claw. Candy marshmallow sesame snaps. I love cupcake I love sweet roll bonbon. Tiramisu jelly beans pie pastry jelly beans powder tart. I love icing cake toffee powder.</p>
</body>
</html>

CSS3 Columns - Script Codes CSS Codes

body { width: 100%; background-color: #2c3e50; font-family: source-sans-pro, sans-serif;
}
h1 { color: #3498db; font-size: 80px; font-weight: 200; text-align: center; margin-bottom: 35px; text-shadow: #2ecc71 -1px 0, #2ecc71 0 -1px, #2ecc71 0 1px, #2ecc71 -1px -2px;
}
p { color: #ecf0f1; text-align: justify; margin: 0px 50px 0px 30px;
}
p:first-letter { float: left; color: #1abc9c; font-size: 75px; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia;
}
.twoColumns { -moz-column-count: 2; -moz-column-gap: 30px; -webkit-column-count: 2; -webkit-column-gap: 30px;
}
CSS3 Columns - Script Codes
CSS3 Columns - Script Codes
Home Page Home
Developer Jeya Karthika
Username jeyakarthika
Uploaded November 28, 2022
Rating 3
Size 2,669 Kb
Views 28,336
Do you need developer help for CSS3 Columns?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Jeya Karthika (jeyakarthika) Script Codes
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!