HTML Vertical Alignments & Basics

Trying out retool, and learning some basic HTML along the way setting up the text fields in our datasheets.
I’ve gotten basics like bold and center (horizontally) but am struggling with centering vertically, is there any easy way to do this with the text components? Also - if you have any favorite guides or cheat sheets for HTML w/ retool they would be great additions as links in the resources pages (apologies if they’re there and I missed them, there’s a lot to read!).

Hi Patrick! Vertically centering things has been the bane of everyone writing CSS since time immemorial. The good news is that all modern browsers support the Flexbox syntax, so it’s pretty easy to do these days.
For a text box rendering HTML, try wrapping the text contents in a div like this:
<div style="display: flex; flex-direction: column; justify-content: center; height: 100%;">**Hello** <b>friend!</b> 😃</div>

1 Like

Thanks @ryan!

Thank you! Really impressed with everything so far.