Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Cascading Style Sheets _ word spacing

Posted by: MindyT Apr 27 2016, 01:08 PM

I have this nav that I want to put spaces between the menu options. I tried word-spacing but since some of the options have more than one word, word-spacing won't work. should I use margin-padding or is there a css3 that would work?

CODE

      <nav>
        <a href="home.php" tabindex="1" accesskey="H">Home</a>
        <a href="aboutUss.php" tabindex="2" accesskey="A">About Us</a>
        <a href="services.php" tabindex="3" accesskey="S">Services</a>
        <a href="quote.php" tabindex="4" accesskey="Q">Get A Quote</a>
        <a href="contact.php" tabindex="5" accesskey="C">Contact</a>
     </nav>

Posted by: Duodecimalist May 16 2016, 01:14 PM

You could add a style like this.

CODE

a {
padding: 0 10px;
}

Posted by: pandy May 16 2016, 07:31 PM

Yeah, use margin or padding depending on what fits best.