Created
May 24, 2013 17:03
-
-
Save trumball/5644946 to your computer and use it in GitHub Desktop.
CSS3 Column Text
CSS3 columns would be nice to see in website layouts, but the reality is how we can split up text based on column styles. Use this snippet to place any number of columns inline with your paragraphs, where text will split evenly based on your column number.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #columns-3 { | |
| text-align: justify; | |
| -moz-column-count: 3; | |
| -moz-column-gap: 12px; | |
| -moz-column-rule: 1px solid #c4c8cc; | |
| -webkit-column-count: 3; | |
| -webkit-column-gap: 12px; | |
| -webkit-column-rule: 1px solid #c4c8cc; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment