刪除DIV文本前的空格

我正在創建一個元數據的div，它有一條線穿過它的背面，由於某種原因，空間被添加到行的開頭，我不知道爲什麼。刪除DIV文本前的空格

這裏是CSS：

.mline { 
    border-top: 1px solid #E7E7E7; 
    height: 0px; 
    margin: 20px 0 20px 0; 
    text-align: center; 
} 
.mline > div { 
    background-color: #FFFFFF; 
    line-height: 30px; 
    padding: 0 5px 0 5px; 
    position: relative; 
    text-transform: lowercase; 
    top: -16px; 
} 
.mline * { 
    display: inline-block; 
} 
.mline h1 { 
    font-size: 12px; 
    font-weight: normal; 
} 
.info { 
    line-height: 16px; 
} 
.info li:after { 
    content:" \2022 "; 
} 
.info li:last-child:after { 
    content:""; 
} 
.liked, .like:hover { 
    color: red !important; 
}

而這裏的HTML：

<section> 
    <div class="mline"> 
     <div> 
      <ul class="info"> 
       <li><a href="{Permalink}">3/5/13</a></li> 
       <li><a href="{Permalink}">21 notes</a></li> 
       <li><a href="{ReblogURL}">reblog</a></li> 
      </ul> 
     </div> 
    </div> 
</section>

你可以看到錯誤在我的網站在這裏：http://nellyswritingroom.tumblr.com/ 而在這的jsfiddle：http://jsfiddle.net/xrVh4/1/

我不確定發生了什麼，因爲它絕對不是邊距或填充。任何幫助將不勝感激！

來源

2013-06-01 nellygrl

在jsfiddle的例子中，我假設左邊的填充被默認添加到ul.info元素。

該網站，但是，在newstyle.css下面幾行：

.info { 
    line-height: 16px; // already there - I'm not adding this 
    margin: 0; 
    padding: 0; 
}

Example：

ul, ol { 
    margin-left: 2em; 
}

如果你不希望任何保證金或填充，你可以這樣清除它們

來源

2013-06-01 12:15:13 grc

非常感謝！這工作！ – nellygrl

看來它實際上是padding，在ul元素上;加入以下CSS聲明刪除了空間：

.info { 
    padding-left: 0; 
    /* other stuff unchanged */ 
}

JS Fiddle demo。

來源

2013-06-01 12:15:33

該行是您應用的邊框頂部。所有不能被看到的原因是因爲你已經用子元素覆蓋它，它具有bg顏色fff

來源

2013-06-01 12:17:14 Vector

刪除DIV文本前的空格

回答

相關問題