Underlines

Use @outputclass="divider" for simple and animated underlines for titles.

Underlines

Left aligned simple divider

Left aligned animated divider

Simple divider in center

Animated divider in center

Right aligned simple divider

Right aligned animated divider

Left / center aligned simple divider

(Resize the window!)

Left / center aligned animated divider

(Resize the window!)

<title outputclass="dividered-sky">
  Left aligned simple divider
</title>
<title outputclass="dividered-animated dividered-danger">
  Left aligned animated divider
</title>
<title outputclass="text-center dividered-center dividered-sky">
  Simple divider in center
</title>
<title outputclass="text-center dividered-animated dividered-center dividered-danger">
  Animated divider in center
</title>
<title outputclass="text-end dividered-end dividered-sky">
  Right aligned simple divider
</title>
<title outputclass="text-end dividered-end dividered-animated dividered-danger">
  Right aligned animated divider
</title>
<title outputclass="text-md-center dividered-md-center dividered-sky">
  Left / center aligned simple divider
</title>
<title outputclass="text-md-center dividered-md-center dividered-animated dividered-danger">
  Left / center aligned animated divider
</title>