Results 1 to 4 of 4

Thread: Can css be used to make smaller letters like 3rd

  1. #1
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    594
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default Can css be used to make smaller letters like 3rd

    (rd is smaller and on the upper right)

    3rd

    I hope this works

    I have been looking at entities and that type of thing to make it easier butI guess this example here may be the best way??

    the rd is on the bottom and I was looking for it to align to the top

    I have this so far:

    [text]
    <html>
    <head>

    <style type="text/css">
    * { margin:0;padding:0; }
    html, body { height:100%; width:100%; text-align:center; }
    #workspace { position:relative; margin-left:auto; margin-right:auto; text-align:left; width:100px; border:1px solid red; margin-top:40px;}
    #part { position:relative; margin-left:auto; margin-right:auto; text-align:center; width:35px; border:1px solid blue;}
    p{font-size:20px;}
    span{font-size:8px;float:right;}
    </style>

    </head>
    <body>
    <div id="workspace">
    <div id="part">
    <p>45<span>th</span></p>
    </div>
    </div>
    </body>
    </html>
    [text]
    Last edited by ajfmrf; 11-01-2013 at 05:19 AM. Reason: added what I have so far
    Thanks,

    Bud

  2. #2
    Join Date
    Jan 2009
    Location
    NH
    Posts
    347
    Thanks
    49
    Thanked 8 Times in 8 Posts

    Default

    you can use html

    <p>3 <sub>rd</sub></p>

    examples of subscript and superscript http://www.w3schools.com/tags/tryit....me=tryhtml_sup

  3. The Following User Says Thank You to mlegg For This Useful Post:

    ajfmrf (11-01-2013)

  4. #3
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    594
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    Thanks mlegg,I thought there was something to achomplish that but was unable to remember.
    Thanks,

    Bud

  5. #4
    Join Date
    Jan 2009
    Location
    NH
    Posts
    347
    Thanks
    49
    Thanked 8 Times in 8 Posts

    Default

    you're welcome, I only remembered that fast because I had to do it recently

Similar Threads

  1. Wish to make Flying Letters not just one off but continuous
    By raydona in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 03-16-2010, 04:55 PM
  2. Resolved Displaying smaller tables
    By sparklingsky in forum HTML
    Replies: 0
    Last Post: 04-17-2009, 02:50 AM
  3. Resolved make the font smaller inside yellow boxes.
    By joon in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-12-2009, 05:30 AM
  4. Make a string lowercase letters
    By fileserverdirect in forum PHP
    Replies: 1
    Last Post: 08-24-2007, 11:12 PM
  5. Replies: 4
    Last Post: 09-19-2006, 12:55 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •