Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: span padding

  1. #1
    Regular Coder
    Join Date
    May 2004
    Posts
    388
    Thanks
    73
    Thanked 0 Times in 0 Posts

    span padding

    How do I provide padding under the span class? I tried padding-bottom: 30px; but does not work.

    SPAN.reports
    {
    font-size:12pt;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    }

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,179
    Thanks
    174
    Thanked 257 Times in 257 Posts
    Code:
    span.reports
    {
    font-size:12pt; 
    font-weight: bold;
    margin-left: auto; 
    margin-right: auto;
    padding-bottom: 30px;
    }
    try it lower case, see if that helps

    and make sure that its something like

    Code:
    <span class="reports"></span>
    
    and not
    
    <div class="reports"><span></span></div>

    good luck

  • #3
    Egg
    Egg is offline
    New Coder
    Join Date
    Mar 2008
    Posts
    44
    Thanks
    1
    Thanked 1 Time in 1 Post
    i'm not sure, but when i tried it earlier i found out that you couldn't add margin or padding to the span element.
    you get out what you put in. lol.

  • #4
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    spans are inline elements. By default you cannot add top or bottom padding to an inline element only left and right. You will need to either a) make the span display:block or b) float the span so that it inherents display:block for this purpose.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis


  •  

    Posting Permissions

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