I would like to remove the space below the header and the first content , If you see the jsfiddle link . These is a space between the header "header" and "i'm list0" . I want to remove the space between them . So i have used

margin-top:5px;

for list, it doesn't work . so i tried for margin-bottom:-5px for header also ..It doesn;t work any case i have used.

/

I would like to remove the space below the header and the first content , If you see the jsfiddle link . These is a space between the header "header" and "i'm list0" . I want to remove the space between them . So i have used

margin-top:5px;

for list, it doesn't work . so i tried for margin-bottom:-5px for header also ..It doesn;t work any case i have used.

http://jsfiddle/WPpfZ/25/

• javascript
• css
• jquery
• jquery-mobile

Share Follow asked Jun 2, 2013 at 7:58 Ballu RocksBallu Rocks 1,22633 gold badges1313 silver badges1515 bronze badges 3

• You have extra padding on .ui-content. You can remove or change it. – Brad Commented Jun 2, 2013 at 8:00
• 2 Always post the relevant code and markup in the question itself, don't just link (not even to jsFiddle). A fiddle is a nice adjunct, but not a replacement. Why: meta.stackexchange./questions/118392/… – T.J. Crowder Commented Jun 2, 2013 at 8:02
• Shouldn't the title of this question be "in jquery-mobile" rather than "in jquery"? – Jared Beck Commented Jun 2, 2013 at 20:03

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

There's a 15px padding, not on the header or the list, but on the content div that's around both list items. This will remove it:

.ui-content {
    padding-top: 0px;
}

If you use:

.ui-content {
    padding-top: 0 !important;   
}

I've added the !important option just incase it's overwritten