Applying h1 format

Question

When I try to apply <h1> format text by selecting it in the design window, and then clicking Heading 1 in the properties window drop down, The <h1> encloses all of my body elements. How do I get around this? My page has almost no <p></p> tags. I'm thinking that may be the problem. Maybe I need to think of the page more like a text document and break "thoughts" with paragraphs.

Answer 1

I try to never restate a default value in my styles.  When you say this -
p {
          margin: 0px 16px 0px 16px;
          padding: 0px;
          font-size: 16px;
          text-align: justify;
          font-weight: normal;
all you really need to say is this -
p {
          margin: 0px 16px 0px 16px;
          font-size: 16px;
          text-align: justify;
(unless you have previously specified a rule that would add padding or weight to a <p> tag by the cascade)
Now - for something like your FAQ, I tend to always use a definition list instead of the generic tags you have used, since it's the perfect sematic container for this particular information.  Thus, I would have -
<dl>
  <h1>Lash-It Frequently Asked Questions</h1>
  <dt>HOW ARE THE CLEATS ATTACHED?</dt>
  <dd>They're self-adhesive. You peel away their backer sheet and press them in place. The tape is 3M Brand VHB (Very High Bond). It's similar to the tapes used to attach body side moldings to cars. It's super tough and sticky.</dd>
  <dt>DO THEY STICK? TEST YOUR SURFACE.</dt>
  <dd>I guarantee they will stick and stay stuck. Follow the installation instructions, and you should have no problems. Make sure that the surfaces you stick the cleats to are clean, dry, and free of any type of surface protectant. Testing with duct tape is an easy way to determine if your surface is ready for Lash-It™ cleats. If duct tapes sticks good, then the cleats will too. If the duck tape doesn't stick, then you need to clean the surface better. See instructions below for what to do to remove surface protectants like 303 Brand UV Protectant.</dd>
  <dt>A WORD OF CAUTION:</dt>
  <dd>On painted surfaces the quality of the adhesion is only as good as the quality of the paint bond. Lash-It™ cleats will stick to paint, but the tension applied to the cleats may eventually pull the paint off of the hull. Recoated polyurethane surfaces are notorious for bonding poorly. In my own experience, I recoated the inside of my wooden canoe with polyurethane, applied new Lash-Its™, and a few of the cleats pulled off. Upon inspection, I found that the cleats stuck impeccably to the poly, it was the new coat poly that failed to adhere to the old coat of poly. I would suggest you sand away any multiple layers of paint or varnish before you apply Lash-It™ cleats.</dd>
</dl>
Then you could style this FAQ by specifically targeting the component tags.  In other words, you could target the <h1> tag with this selector -
dl h1 { ... }
which would ONLY apply to that FAQ <h1> (assuming you don't have another <h1> tag in another definition list on the page).
And, you can target the FAQ Questions with this selector -
dt { ... }
thereby adding clarity to your CSS and avoiding the need to create additional classes.
Finally you get the benefit of the inherent styling of the definition list (the indentation), and you overcome the invalid/awkward usages you have in your current markup (multiple <br> tags, and improperly closed <p> tags).