I am trying to center text in boxes on my template. The boxes all display just fine but no matter what I set in the css file the text is not quite centered vertically, but fine horizontally. I’ve used padding to make it better but it’s still not quite right since the text is not always the same nu…

Fixed it as explained here: [image] Line break at end of text causing centering to be wrong Templates & Frontend Fixed it. The issue was the paragraph tag: <p> needed formatting to remove default margins and properly center text. Adding this fixed issue: .Objective …

This is nothing to do with Django, but is CSS. I tried googling “table header css center vertically” and everything said to use the vertical-align CSS property k which is what I’d have suggested. For what it’s worth, the best way to get help with something that’s purely to do with CSS and HTML is t…

Thanks. I had expected the vertical-align to do that a well but for some reason it is off middle slights. It appears to be applied because if I remove it the ntire item goes off center. I’ve decided to see if a flex box is a better solution.

Yeah I don’t understand why you’re using a table at all because from what little I can tell this isn’t a table of data. But as I say it’s hard for anyone to help without an easy to use example.

Found the problem, it turned out to be: {{ a_text.objective_text|linebreaks}} The linebreaks must have introduced a new line at the end of the text. Removing |linebreaks fixed the alignment issue. If I need them I should probably format and use |safe. The table is one of my (many…

Cannot get text to center in items on template

Using Django Templates & Frontend

jlc1978 May 19, 2025, 11:41am 6

Fixed it as explained here:

Topic		Replies	Views
Line break at end of text causing centering to be wrong Templates & Frontend	1	78	May 17, 2025
HTML/CSS forms: failing to align form's input fields by different means Templates & Frontend	14	332	March 27, 2025
bootstrap for tables Templates & Frontend	2	3042	August 10, 2022
Rendering Template leaves large blank space between header and table Templates & Frontend	9	326	October 16, 2024
background-size: cover larger than screen width Using Django	11	1964	October 12, 2020

Cannot get text to center in items on template

Related topics