Jump to content

Search the Community

Showing results for tags 'letter-spacing'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 1 result

  1. Hello, I've a vertical menu of this kind, styled with a letter-spacing of 5px: <nav> <div class="menu-mobile" id="menu-mobile">menu</div> <ul> <li><a href="#" title="Home">home</a></li> <li><a href="#" title="Galleries">galleries</a></li> <li><a href="#" title="News">news</a></li> <li><a href="#" title="About">about</a></li> <li><a href="#" title="Contact">contact</a></li> </ul> </nav> I was wondering what's the best way to remove letter-spacing from the last letter here in order to have the text well centered in my design. The method I usually use for this is to do a horizontal menu, set the parent element in display: inline-block and then apply a margin-right to -5px to each <a> tags. It works great but it's not what I want here as I would like to have a centered vertical menu that takes a 100% width for mobile devices. The other solutions I know consist in wrapping each text elements in a <span> tag to which I apply a margin-right to -5px, or to play with the padding property to adjust the position of the text, but both these solutions are quit exhaustive and I don't really like them. Isn't it a more simple and "elegant" way to remove that space created by the letter-spacing property from the last letter? Thanks for your help!
×
×
  • Create New...