When I specify text-align:center for an element with a width that is greater than the width of the text, the text is centered within the content box of the elem
Give the innermost div some margin: 0 -50%. If the elements are all display block or inline-block and text alignment is centered, this provides more shoulder room for the innermost element's text. At least, it works for me.