[PLUG-TALK] HTML5: <hr> not working

Paul Mullen pm at nellump.net
Wed Aug 17 23:04:15 UTC 2022


On Wed, Aug 17, 2022 at 03:25:38PM -0700, Paul Heinlein wrote:
> These days, I'd be more likely to draw lines with CSS rather than with the
> <hr> tag, but YMMV.

What he said.  Additionally, consider using the <cite> tag.  The MDN
docs for <blockquote> give a reasonable exmple, and let you play around
with the HTML and CSS right there in-page.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote

Add the following to the CSS and you’ll end up with something
approximating a horizontal rule:

    figcaption {
        border-top: thin solid black;
    }

Take some time to play around with your browser’s development tools,
too.  They can be an invaluable aid.

    https://firefox-source-docs.mozilla.org/devtools-user/index.html

    https://developer.chrome.com/docs/devtools/overview/


-- 
Paul



More information about the PLUG-talk mailing list