The following properties are used to format the typography:
text-align
line-height
letter-spacing
word-spacing
text-transform
font-family
font-size
font-weight
columns
text-aligncenter Note: If you are within a flex div you must use alignments within the flex section.
The quick brown fox jumps over the lazy dog
text-alignNote: If you are within a flex div you must use alignments within the flex section.
The quick brown fox jumps over the lazy dog
letter-spacing5px
The quick brown fox jumps over the lazy dog
word-spacing10px
The quick brown fox jumps over the lazy dog
text-transformuppercase
The quick brown fox jumps over the lazy dog
text-transformcapitalize
The quick brown fox jumps over the lazy dog
font-size32px / line-height120%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget velit vitae mi lacinia elementum. Nam quam eros, congue tristique risus in, ultrices molestie est. Vivamus nec ultricies dui. Curabitur arcu felis, interdum et eros quis, vehicula dictum leo. Cras sit amet fringilla quam. Nulla quis mattis tortor. Ut sed nulla diam.
line-height200%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget velit vitae mi lacinia elementum. Nam quam eros, congue tristique risus in, ultrices molestie est. Vivamus nec ultricies dui. Curabitur arcu felis, interdum et eros quis, vehicula dictum leo. Cras sit amet fringilla quam. Nulla quis mattis tortor. Ut sed nulla diam.
font-size16px / line-height20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget velit vitae mi lacinia elementum. Nam quam eros, congue tristique risus in, ultrices molestie est. Vivamus nec ultricies dui. Curabitur arcu felis, interdum et eros quis, vehicula dictum leo. Cras sit amet fringilla quam. Nulla quis mattis tortor. Ut sed nulla diam. Nam ut fermentum elit. Pellentesque sit amet risus risus. Ut ac quam in nisi efficitur sagittis. Integer nec magna at diam rutrum facilisis. Praesent iaculis velit non nisl placerat placerat. Maecenas pellentesque id lacus et laoreet. Aliquam feugiat, velit vel congue gravida, lorem odio vehicula eros, id hendrerit augue nisl non nisi. interdum quis.
font-family Helvetica / font-size16px / line-height20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget velit vitae mi lacinia elementum. Nam quam eros, congue tristique risus in, ultrices molestie est. Vivamus nec ultricies dui. Curabitur arcu felis, interdum et eros quis, vehicula dictum leo. Cras sit amet fringilla quam. Nulla quis mattis tortor. Ut sed nulla diam. Nam ut fermentum elit. Pellentesque sit amet risus risus. Ut ac quam in nisi efficitur sagittis. Integer nec magna at diam rutrum facilisis. Praesent iaculis velit non nisl placerat placerat. Maecenas pellentesque id lacus et laoreet. Aliquam feugiat, velit vel congue gravida, lorem odio vehicula eros, id hendrerit augue nisl non nisi. Nulla sed risus vel metus cursus elementum in eget arcu. Donec consequat commodo felis eu sollicitudin. Nullam porttitor tempus viverra. Nullam id lorem vel libero consectetur rhoncus. Cras velit sem, interdum quis odio a, pellentesque rutrum velit. Ut ac massa finibus, rhoncus lectus ut, convallis erat. Cras cursus sollicitudin feugiat. Aliquam mattis ipsum id porttitor feugiat. Vivamus facilisis ultrices leo vel egestas. Vestibulum hendrerit magna a dolor maximus rutrum. Duis faucibus metus arcu, id convallis quam interdum quis.
font-family Helvetica / font-size16px / line-height20px / font-weightbold /
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget velit vitae mi lacinia elementum. Nam quam eros, congue tristique risus in, ultrices molestie est. Vivamus nec ultricies dui. Curabitur arcu felis, interdum et eros quis, vehicula dictum leo. Cras sit amet fringilla quam. Nulla quis mattis tortor. Ut sed nulla diam. Nam ut fermentum elit. Pellentesque sit amet risus risus. Ut ac quam in nisi efficitur sagittis. Integer nec magna at diam rutrum facilisis. Praesent iaculis velit non nisl placerat placerat. Maecenas pellentesque id lacus et laoreet. Aliquam feugiat, velit vel congue gravida, lorem odio vehicula eros, id hendrerit augue nisl non nisi. Nulla sed risus vel metus cursus elementum in eget arcu. Donec consequat commodo felis eu sollicitudin. Nullam porttitor tempus viverra. Nullam id lorem vel libero consectetur rhoncus. Cras velit sem, interdum quis odio a, pellentesque rutrum velit. Ut ac massa finibus, rhoncus lectus ut, convallis erat. Cras cursus sollicitudin feugiat. Aliquam mattis ipsum id porttitor feugiat. Vivamus facilisis ultrices leo vel egestas. Vestibulum hendrerit magna a dolor maximus rutrum. Duis faucibus metus arcu, id convallis quam interdum quis.
font-family Helvetica / font-size16px / font-weightbold / line-height20px / columns: 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget velit vitae mi lacinia elementum. Nam quam eros, congue tristique risus in, ultrices molestie est. Vivamus nec ultricies dui. Curabitur arcu felis, interdum et eros quis, vehicula dictum leo. Cras sit amet fringilla quam. Nulla quis mattis tortor. Ut sed nulla diam. Nam ut fermentum elit. Pellentesque sit amet risus risus. Ut ac quam in nisi efficitur sagittis. Integer nec magna at diam rutrum facilisis. Praesent iaculis velit non nisl placerat placerat. Maecenas pellentesque id lacus et laoreet. Aliquam feugiat, velit vel congue gravida, lorem odio vehicula eros, id hendrerit augue nisl non nisi. Nulla sed risus vel metus cursus elementum in eget arcu. Donec consequat commodo felis eu sollicitudin. Nullam porttitor tempus viverra. Nullam id lorem vel libero consectetur rhoncus. Cras velit sem, interdum quis odio a, pellentesque rutrum velit. Ut ac massa finibus, rhoncus lectus ut, convallis erat. Cras cursus sollicitudin feugiat. Aliquam mattis ipsum id porttitor feugiat. Vivamus facilisis ultrices leo vel egestas. Vestibulum hendrerit magna a dolor maximus rutrum. Duis faucibus metus arcu, id convallis quam interdum quis.
font-family Helvetica / font-size16px / font-weightbold / line-height20px / columns: 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget velit vitae mi lacinia elementum. Nam quam eros, congue tristique risus in, ultrices molestie est. Vivamus nec ultricies dui. Curabitur arcu felis, interdum et eros quis, vehicula dictum leo. Cras sit amet fringilla quam. Nulla quis mattis tortor. Ut sed nulla diam. Nam ut fermentum elit. Pellentesque sit amet risus risus. Ut ac quam in nisi efficitur sagittis. Integer nec magna at diam rutrum facilisis. Praesent iaculis velit non nisl placerat placerat. Maecenas pellentesque id lacus et laoreet. Aliquam feugiat, velit vel congue gravida, lorem odio vehicula eros, id hendrerit augue nisl non nisi. Nulla sed risus vel metus cursus elementum in eget arcu. Donec consequat commodo felis eu sollicitudin. Nullam porttitor tempus viverra. Nullam id lorem vel libero consectetur rhoncus. Cras velit sem, interdum quis odio a, pellentesque rutrum velit. Ut ac massa finibus, rhoncus lectus ut, convallis erat. Cras cursus sollicitudin feugiat. Aliquam mattis ipsum id porttitor feugiat. Vivamus facilisis ultrices leo vel egestas. Vestibulum hendrerit magna a dolor maximus rutrum. Duis faucibus metus arcu, id convallis quam interdum quis.