Make Text Block ONLY As Wide As Text

Hey folks! Novice question.

How would I make the OUTLINED text block (circling the date) in the attached image ONLY as wide as the text?? Meaning the outline circle would wrap the text and only increase as more text is added. Any idea? Thanks in advance!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Give the parent div a vertical flex display setting with a left alignment (flex start).


Edit: Or give the element itself an inline-block display setting if its parent isn’t using flex.

Worked perfectly. Thank you!!

1 Like