Novel typesetting

I want to typeset this page the CORRECT WAY. I can’t figure out how to do it in
HTML. WordPress keeps removing ”   ” (that’s nobreak-space). I HATE IT WHEN
THE SYSTEM THINKS ITS SMARTER THAN ME! Has anyone done something similar to this:

<b> TEXT TEXT TEXT </b> ——————– TEXT TEXT TEXT TEXT TEXT
<break>
<b> TEXT TEXT TEXT </b> ——————– TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT

<b> TEXT TEXT TEXT </b> ——————– TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT TEXT TEXT
TEXT TEXT TEXT

<b> == Bold {text} —- == Literal “-” TEXT TEXT TEXT TEXT TEXT == Block of text

MY THOUGHT: Write this in TikZ/PGF, compile down to PNG, embed the PNG pic into
the webpage.

I WANT a bullet point right after <b>. Preferably colored to show-up the
HTML goons.

HMMMM, I am curious: What makes a “support question”, a support question??

The page I need help with: [log in to see the link]