Horizontal rules

A way to section of quoted speech. They come in a couple of different flavours (default and pull-quote) and the content can include HTML if needed. You can also declare who the quote is from, using cite, and add an image to the quote too, floated right by default but to the left if you fancy it.

Example usage

Something with a solid background to demonstrate the spacer variant. Sed id pulvinar lacus, a molestie neque. Proin scelerisque ipsum vitae cursus efficitur. Fusce eu risus id nibh faucibus feugiat vitae in dui.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ultricies maximus urna, sollicitudin imperdiet felis vehicula eget. Etiam et lectus sodales, congue mi ac, iaculis arcu. Nulla tempus leo non nulla porttitor scelerisque. Aenean eu commodo magna. Maecenas blandit viverra libero at pellentesque. In porttitor varius libero, eget venenatis est euismod in. Vestibulum iaculis augue eros, eget convallis arcu scelerisque sed. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum quis enim a justo iaculis consectetur sed quis enim. Donec metus urna, commodo id dictum quis, consectetur vel justo. Nulla malesuada lectus ultrices, imperdiet elit eu, aliquam sem. Morbi placerat varius tempus. Quisque interdum metus vitae felis egestas scelerisque. Proin pretium accumsan eros, vel vehicula leo iaculis vitae. Cras maximus orci a quam interdum, vitae sagittis mauris vulputate. Cras eget augue at dui eleifend molestie vitae eget elit.

Praesent facilisis venenatis nisi id laoreet. Sed non mauris et neque consectetur volutpat quis id lectus. Mauris ac aliquam neque. Donec sed odio et nibh gravida molestie a vitae urna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla molestie sit amet elit quis consequat. In lectus orci, lacinia et scelerisque accumsan, molestie at enim.


Interdum et malesuada fames ac ante ipsum primis in faucibus. In gravida, nunc sit amet suscipit gravida, diam ligula laoreet diam, sed imperdiet dui arcu id sapien. Duis eros massa, blandit nec nibh vel, ultrices laoreet leo. Vivamus ornare tincidunt lacinia. Morbi elementum pharetra eros, a blandit nibh. Integer consequat turpis quis imperdiet finibus. Suspendisse nulla enim, pulvinar id nunc id, mollis faucibus odio. Vestibulum tempor mauris ultricies, rhoncus velit ac, euismod purus. Phasellus sagittis magna a est aliquet, eget vulputate dui semper. Aliquam iaculis lorem eget enim sodales, sit amet finibus ligula posuere. Mauris condimentum nulla id volutpat feugiat. Pellentesque varius est in lorem scelerisque, in scelerisque nisl consectetur. Phasellus vitae vestibulum lectus.


Suspendisse sit amet lacinia nunc. Aenean vitae tincidunt nibh. Cras sed sem vulputate, aliquam mauris sed, congue ligula. Sed id pulvinar lacus, a molestie neque. Proin scelerisque ipsum vitae cursus efficitur. Fusce eu risus id nibh faucibus feugiat vitae in dui. Vivamus tempor mi in scelerisque consequat. Fusce eu tristique nisl, non tristique diam. Nunc sed sagittis leo. Quisque tincidunt faucibus dignissim. Praesent dictum sodales tortor ut sodales. Suspendisse tempor mauris ac nisl mattis consequat. Donec nec dolor dolor.

Ut rutrum venenatis tortor ac sagittis. Ut efficitur suscipit faucibus. Pellentesque lacinia consequat lacus quis tempor. Phasellus vitae lacus at felis gravida tristique eu in urna. Morbi accumsan neque non aliquet placerat. Quisque mi dolor, condimentum sed nibh id, rhoncus porta sem. Cras nisi ligula, vehicula ac mattis sed, volutpat sed purus. Maecenas dignissim sodales magna et sodales. Vivamus bibendum diam quis congue aliquet. Pellentesque egestas, neque et elementum accumsan, arcu mauris commodo nulla, non gravida est turpis vel lacus. In eu semper diam. Curabitur consectetur erat malesuada justo hendrerit consectetur. Morbi egestas imperdiet viverra. Suspendisse potenti.


Something with a solid background to demonstrate the spacer variant. Sed id pulvinar lacus, a molestie neque. Proin scelerisque ipsum vitae cursus efficitur. Fusce eu risus id nibh faucibus feugiat vitae in dui.

Options

  • hr
    • type: Choose from spacer or nothing