The only reason that I am writing this post is to test some formatting changes I’m making. I’m using the H4 heading tag in the HTML to create a callout in the text. It’s not a heading, just a mostly normal paragraph with an image and some indenting.
This is the callout text. In the editor, it looks like a heading but in the blog, it will look like a paragraph with an arrow icon next to it. It should handle single and multiple lines just line.
That’s it. Some padding, a minimum height to ensure that the image is entirely visible, and I have a cute little callout paragraph.
Single Line H4
I used a table for this last week but then realized that CSS if very powerful when it comes to making tweaks like this.