Police en folie ou font dans tous ses états.

logo

line-height:3

Texte avec line-height: 1.5; Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend. Nibh. Facilisis fusce primis scelerisque felis. Pharetra condimentum per montes in, bibendum. Vulputate lorem ac nostra at ultrices eni, elit quis vestibulum nisi.

logo

line-height:300%

Texte avec line-height: 250%; Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.

logo

line-height:3em

Texte avec line-height: 1em; Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend. Nibh. Facilisis fusce primis scelerisque felis. Pharetra condimentum per montes in, bibendum. Vulputate lorem ac nostra at ultrices eni, elit quis vestibulum nisi.

logo

line-height: none

Texte sans line-height. Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend. Nibh. Facilisis fusce primis scelerisque felis. Pharetra condimentum per montes in, bibendum. Vulputate lorem ac nostra at ultrices eni, elit quis vestibulum nisi.


Plus besoin avec flex... mais bon...

Autant en profiter pour tester texte-justify sur le texte !

logo

vertical-align: baseline

Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.

logo

vertical-align: middle

Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.

logo

vertical-align: super

Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.

logo

vertical-align: sub

Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.

logo

vertical-align: top

Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.

logo

vertical-align: bottom

Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.

logo

vertical-align: text-top

Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.

logo

vertical-align: text-bottom

Lorem ipsum dolor. Varius tempus ve nullam egestas mauris dui senectus imperdiet. Dis. Hendrerit vitae. Odio, phasellus in, vulputate proin non nisl sagittis suspendisse, sed. Mollis ipsum, est purus leo eleifend.