css margins / padding

Discussion in 'CSS' started by coolspot, Sep 2, 2011.

  1. #1
    the text on my left and right modules goes all the way to the edges. i want them to have some kind of "padding" i think, how do i do this and which property do i change?

    site: http://www.i-guide.org/
     
    coolspot, Sep 2, 2011 IP
  2. HalvinCarris

    HalvinCarris Peon

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You could try to adding some margin-right to the <p> elements you have on the right.
     
    HalvinCarris, Sep 3, 2011 IP
  3. babushkyn

    babushkyn Member

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    2
    Trophy Points:
    26
    #3
    div.module div div div p {
      margin: 5px 10px;
    }
    Code (markup):
     
    babushkyn, Sep 3, 2011 IP
  4. coolspot

    coolspot Member

    Messages:
    122
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #4

    this worked.. many thanks
     
    coolspot, Sep 3, 2011 IP
  5. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #5
    Even better, for padding, you could use...padding!
     
    drhowarddrfine, Sep 3, 2011 IP
  6. jauhari

    jauhari Peon

    Messages:
    55
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    This code also worked

    div.module div div div p {
      padding: 5px 10px;
    }
    Code (markup):
     
    jauhari, Sep 7, 2011 IP