Thread:OH&S/@comment-25364614-20170531111902/@comment-25364614-20170601113503

Well the only request would be the centering of the headers in the infobox with CSS but before that can be done I'm running into a problem I don't think I can fix.

See, before centering the headers it would make sense to get the sub headers of the Chronology section centered otherwise it wouldn't be consistent. The problem is: after examining the generated HTML code, I don't think I can do it.

This is getting technical but the text in the subheaders are wrapped in a (inner) 'div' element which in turn is wrapped in another (outer) 'div' element. The outer 'div' element takes up the entirety of the row; the inner 'div' element is aligned to the left and is only as long as the text inputted. If I try to center of vertically align the inputted code it will only do that with respect to the inner div element. As the with of the inner div doesn't span the entire row, the text won't center with respect to the row. When the inputted text goes over two lines, then the centering effect becomes visible as the with of the inner div becomes the entire row.

tl;dr Nested div elements make it impossible to center text that doesn't go over two lines. The div elements have their own classes attached to them that might break th infobox code if we mess with it. Similar (but not exactly the same) problem with vertically aligning text in horizontal layout groups.

My solution: use the header tags again; just style the text differently. I'm testing that out right now so we'll see what happens. But if it works, then Herald, you can then go ahead and center the header tags in the Mediawiki CSS.