View Single Post
Old 05-07-2025, 09:37 PM   #16
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 3,355
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
Quote:
Originally Posted by theducks View Post
I use the with <br /> method as it Generates the TOC with both the # and the text.
It also meets the accessibility reason to use <h# tags instead of P or Div

If you want the text part Larger or smaller, just wrap that in a Span with the styling wanted.
Same concept here, but I flip it around a little and use the span without the br:

Code:
h3 span {display:block; yadda yadda yadda}

<h3>1. <span>The End of the Beginning</span></h3>
display:block puts it on the next line without requiring the use of <br/> and still meets the accesibility reasons - as well as working with the ToC Generator!

The exact method you use is personal choice; just try and meet the purpose of the accessibility requirements.
Turtle91 is offline   Reply With Quote