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 01 February 2022, Tuesday.

How do I make an css3 columns?
  1. CSS3 Columns Previews
  2. CSS3 Columns HTML Codes
  3. CSS3 Columns CSS Codes
CSS3 Columns Previews

CSS3 Columns 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 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;
}
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.