harunpehlivan
7/13/2018 - 8:57 PM

Responsive Multi-Column List

Responsive Multi-Column List

<!DOCTYPE html>
<html>
<head>
    <title>Responsive List</title>   
    <style>
        .responsive{
            column-width: 320px;
            column-gap: 36px;
        }
    </style>
</head>
<body>
    <ul class="responsive">
        <li>Dragée carrot cake dessert sweet roll cookie.</li>
        <li>Jelly beans toffee danish halvah jelly.</li>
        <li>Icing tiramisu croissant liquorice.</li>
        <li>Cheesecake soufflé caramels apple pie.</li>
        <li>Pastry sweet roll dessert jelly-o jelly.</li>
        <li>Liquorice powder biscuit brownie.</li>
        <li>Dessert marzipan cupcake sweet roll.</li>
        <li>Dragée cookie jelly.</li>
        <li>Muffin lollipop pudding jujubes jelly beans.</li>
        <li>Soufflé cake ice cream topping jelly-o.</li>
        <li>Muffin chocolate bar gingerbread.</li>
        <li>Chocolate bear claw jelly.</li>
        <li>Apple pie gingerbread tart.</li>
        <li>Tiramisu dessert pudding brownie dragée.</li>
        <li>Soufflé dragée powder carrot cake.</li>
        <li>Wafer topping candy jelly-o.</li>
        <li>Pudding macaroon cheesecake.</li>
        <li>Icing macaroon oat cake muffin chocolate bar.</li>
        <li>Ice cream pastry halvah donut.</li>
        <li>Bear claw brownie topping icing brownie.</li>
        <li>Liquorice gummies chupa chups powder.</li>
        <li>Ice cream jelly-o cotton candy chocolate.</li>
        <li>Jelly beans chocolate cake marshmallow.</li>
        <li>Cookie sweet soufflé cheesecake.</li>
        <li>Chocolate cake danish dessert biscuit.</li>
        <li>Brownie soufflé soufflé marzipan.</li>
        <li>Cake cotton candy powder sugar plum.</li>
        <li>Jelly beans fruitcake gingerbread.</li>
        <li>Liquorice dessert jujubes donut.</li>
        <li>Carrot cake soufflé tootsie roll.</li>
        <li>Jelly-o jelly beans pastry.</li>
        <li>Soufflé cheesecake lemon drops.</li>
        <li>Donut cake sugar plum candy.</li>
        <li>Liquorice toffee cupcake jujubes.</li>
        <li>Cheesecake icing macaroon lemon drops.</li>
        <li>Danish caramels ice cream.</li>
        <li>Marzipan cheesecake halvah gummi.</li>
        <li>Jelly-o carrot cake ice cream oat cake jelly-o.</li>
        <li>Cheesecake muffin dessert gummies.</li>
        <li>Pastry gummi bears fruitcake candy.</li>
        <li>Soufflé bonbon donut biscuit cheesecake.</li>
        <li>Candy lollipop topping marzipan.</li>
        <li>Dessert apple pie topping gummies.</li>
        <li>Brownie caramels danish gummi bears pie.</li>
        <li>Jelly-o dragée sugar plum cupcake.</li>
        <li>Fruitcake tootsie roll lollipop.</li>
        <li>Pastry wafer brownie sweet cookie.</li>
        <li>Chocolate bar liquorice topping muffin cake.</li>
        <li>Cake sugar plum danish bonbon sweet roll.</li>
        <li>Sweet roll pie candy gingerbread pie.</li>
        <li>Croissant icing gummies donut jelly.</li>
        <li>Cotton candy powder fruitcake gummi.</li>
        <li>Danish jelly-o sesame snaps dessert.</li>
        <li>Macaroon ice cream oat cake gummies lemon.</li>
        <li>Biscuit sesame snaps bear claw powder chupa.</li>
        <li>Marshmallow oat cake muffin soufflé.</li>
        <li>Dragée cheesecake sugar plum chocolate.</li>
        <li>Muffin fruitcake powder biscuit soufflé.</li>
        <li>Pudding donut tart jelly-o sesame snaps.</li>
        <li>Sugar plum macaroon soufflé jelly-o ice.</li>
        <li>Sugar plum soufflé danish chocolate tart.</li>
        <li>Croissant gummi bears carrot cake.</li>
        <li>Bear claw soufflé brownie sweet roll tart apple pie.</li>
        <li>Cupcake sweet brownie.</li>
        <li>Jelly-o chocolate cupcake marzipan donut.</li>
        <li>Fruitcake oat cake muffin pie danish.
    </ul>
</article>
</body>
</html>