Multi-Columns - CSS Generator
A multiple columns CSS generator that helps you quickly generate multiple columns CSS declarations for your website.
Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eu mi et turpis laoreet maximus vitae porta lorem. In non accumsan est, in ultricies dolor. Sed lacinia purus eu tempus cursus. Aliquam eu tortor turpis. Pellentesque maximus nisl a quam aliquet ornare. Integer venenatis rutrum tristique. Quisque at feugiat sapien. Sed orci ipsum, tempor quis pharetra id, mattis id orci. Donec et sapien ut dolor tempus lobortis ac porta orci. Integer auctor pulvinar tortor nec volutpat. Duis consequat volutpat vehicula. Sed at erat in sapien placerat vestibulum lobortis vitae quam. Aliquam erat volutpat. Sed condimentum ipsum metus, a mattis ante cursus sit amet. Maecenas eu sodales orci. Ut faucibus pulvinar elementum integer enim neque volutpat ac tincidunt. Gravida dictum fusce ut placerat orci nulla pellentesque dignissim enim. Enim diam vulputate ut pharetra sit amet aliquam id diam. Sit amet cursus sit amet dictum. Pellentesque habitant morbi tristique senectus et. Vulputate dignissim suspendisse in est ante in. Ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan. Risus nullam eget felis eget nunc lobortis mattis. Donec ac odio tempor orci dapibus ultrices in iaculis. Orci nulla pellentesque dignissim enim sit amet. Maecenas ultricies mi eget mauris pharetra et. Non sodales neque sodales ut etiam. Commodo nulla facilisi nullam vehicula ipsum a arcu. Blandit volutpat maecenas volutpat blandit. Elementum facilisis leo vel fringilla est. Mattis pellentesque id nibh tortor id aliquet. Enim diam vulputate ut pharetra sit amet aliquam id diam. Vel orci porta non pulvinar neque. Nullam vehicula ipsum a arcu cursus. Condimentum id venenatis a condimentum vitae sapien pellentesque. Natoque penatibus et magnis dis parturient montes. Cursus in hac habitasse platea dictumst quisque sagittis purus sit. Ipsum dolor sit amet consectetur adipiscing. Sed faucibus turpis in eu mi bibendum neque egestas congue. Enim neque volutpat ac tincidunt vitae semper. Metus vulputate eu scelerisque felis imperdiet proin fermentum leo. Auctor urna nunc id cursus. Elementum curabitur vitae nunc sed velit dignissim sodales ut. Nec feugiat nisl pretium fusce id velit.
Options
CSS Code
column-count: 1;
-webkit-column-count: 1;
-moz-column-count: 1;
column-gap: 10px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-rule: 1px solid #333;
-webkit-column-rule: 1px solid #333;
-moz-column-rule: 1px solid #333;