Archive of Our Own

Three rings for the Elven kings under the sky
Seven for the dwarf lords in their halls of stone
Nine for mortal men doomed to die
One for the dark lord on his dark throne
In the land of Mordor where the shadows lie

This is a test/sample work — full code at the end.

Tip: check out how it looks with the Creator’s Style off!

Series:

♞ ★ ♛

Pellentesque sit amet molestie sem. Pellentesque volutpat eros vel nunc rutrum sodales. Vestibulum vitae accumsan dui, nec ornare metus. Praesent convallis ipsum id sapien consectetur ullamcorper.

Code:

<p align="center">
  <span class="hide">
    <b><big>♞ ★ ♛</big></b>
  </span>
</p><hr class="hrbff" />

Isildur:

Isildur

Cras vel nisl at mauris imperdiet porta. In elit elit, euismod id ultricies vel, malesuada eget nunc. Curabitur consequat, massa a sagittis rhoncus, mi ipsum semper arcu, sed commodo magna ligula eu est.

Code:

<p align="center">
  <span class="hide">
    <b>Isildur</b>
  </span>
</p><hr class="hrisil" />

Ontamo:

Ontamo

Sed dignissim elit risus, in convallis odio scelerisque gravida. Suspendisse malesuada rhoncus egestas. Ut blandit lacus non ante laoreet, sed laoreet sem porttitor. Integer eleifend sit amet dolor ut vestibulum.

Code:

<p align="center">
  <span class="hide">
    <b>Ontamo</b>
  </span>
</p><hr class="hront" />

Valandil:

Valandil

Cras lobortis est vel venenatis aliquet. Suspendisse fermentum convallis sem, luctus vulputate dui suscipit ac. Sed imperdiet, est id semper accumsan, urna nunc tincidunt tellus, eget rutrum metus mauris non ipsum.

Code:

<p align="center">
  <span class="hide">
    <b>Valandil</b>
  </span>
</p><hr class="hrval" />

Full Work Skin CSS:

For reference:

#workskin .hrisil {
  padding: 0;
  border: none;
  text-align: center;
  color: solid;
  width: 100%;
}

#workskin .hrisil:after {
  content: "♞ ♞ ♞";
  display: inline-block;
  position: relative;
  font-size: 25px;
}

#workskin .hront {
  padding: 0;
  border: none;
  text-align: center;
  color: solid;
  width: 100%;
}

#workskin .hront:after {
  content: "★ ★ ★";
  display: inline-block;
  position: relative;
  font-size: 25px;
}

#workskin .hrval {
  padding: 0;
  border: none;
  text-align: center;
  color: solid;
  width: 100%;
}

#workskin .hrval:after {
  content: "♛ ♛ ♛";
  display: inline-block;
  position: relative;
  font-size: 25px;
}

#workskin .hrbff {
  padding: 0;
  border: none;
  text-align: center;
  color: solid;
  width: 100%;
}

#workskin .hrbff:after {
  content: "♞ ★ ♛";
  display: inline-block;
  position: relative;
  font-size: 25px;
}

#workskin .hide {
  display: none;
}

For proper explanations of how to make it yourself, I recommend La_Temperanza’s How to Make Customized Page Dividers and AnisaAnisa’s The Fic Writer's Guide to Formatting (An AO3 Repository).

Works With This Style/Skin:

🔗   Pleasures of the Flesh, Sorrows of the Mind

🔗   Wounds of the Body, Scars of the Soul

🔗   The Númenórean Way