Template:Compendium/Styles.css

/* */

.compendium { display: table; margin: 0.5rem 0; max-width: 56rem; }

.compendium-heading { z-index:0; position: relative; text-align: center;/* The 'text' in the middle where the before and after behave relative to, which is also why we need a div outside the span/text */ } .compendium-heading:after, .compendium-heading:before { z-index: -1; position: absolute; top: 50%; overflow: hidden; width: 50%; /* 50% - [desired cropping of both ends] */ height: 1px; content: ' '; background-color: #E0E0E0; } .compendium-heading:before { margin-left: -50%;      /* -1*width */ } .compendium-heading > div > span { padding:0 1em; /* The desired spacing from the lines */ background-color:#1d578b; /* Messagebox Background color */ }