Typography section 7. Separators

Separators:

Curabitur a velum purus. Nam vel risus a elit malesuada dictum. Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum. Suspendisse non quam enim. Nam elit orci, vestibulum et mattis ullamcorper, venenatis a urna. Donec vel ullamcorper dui. Fusce lacinia sagittis sem, ac viverra risus molestie non. Cras fringilla ultricies feugiat. Donec in velit ligula. Curabitur orci nunc, dictum ac consequat nec, ornare et sem. Morbi hendrerit aliquam tortor, sed convallis sapien bibendum sed.

This is example of separator - the line below is called by <div class="hr"></div> - it expands automaticly to fit into available space.

Just like here - used in grid size 6: Nam vel risus a elit malesuada dictum. Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum. Suspendisse non quam enim. Nam elit orci

Or here in two grids size 4: Nam vel risus a elit malesuada dictum. Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum. Suspendisse non quam enim. Nam elit orci

Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum.

Quisque rutrum neque nec tortor mollis ut vulputate lectus rutrum.

You can use simple <hr /> as well.


It's just not that good looking :)