2014-03-26 42 views
1

似乎很簡單。呈現一條文字後跟文字

我需要的樣子:

__我的文字在這裏。

如果您願意,可以使用拉長的項目符號點和文本。 _是我假設,用<HR/>標籤完成。 <HR/>標籤工作正常,但「我的文本在這裏」在下一行顯示。 我試圖

<hr style='background-color:#000000;border-width:0;color:#000000;height:2px;line-height:0;text-align:left;width:5%;' /> <label>aaabb</label> <br/> 

我曾嘗試變化,如將它們放在一個表中的同一行中,但我無法得到簡單的「串聯」看我想要的。

+0

你已經嘗試了一個底部邊框(和第二個單元格爲文本)的表單元格嗎?有很多種方法可以做到這一點,並且很難說出看起來和你想要的完全一樣。 – Filburt

+0

嘗試了包含hr標籤和r.h的L.H.細胞。包含文本的單元格。我正在尋找的是中間字符高度後面跟着文字的一行。就像一個細長的子彈點,然後是它的文本.Thx –

+0

由於您使用了下劃線字符,因此您的文本示例具有誤導性。 – Filburt

回答

4

這樣的事情呢?

<hr style="width: 30px; float: left; margin-top:15px"><span style="white-space: nowrap;"> My text here.</span> 

小提琴這裏:http://jsfiddle.net/9CvN6/

+0

這是個竅門。通過改變margin-top,我可以得到中間字符。 –

1

或本Fiddle

修改HTML:

<hr class="bullet"/><label>aaabb</label> 

CSS:

hr.bullet { 
    border:0; 
    border-bottom: 2px solid #000000; 
    color:#000000; 
    height:2px; 
    width:20px; 
    display:inline-block; 
    position:relative; 
    top:5px; 
    margin-right:3px; 
} 
1

莫非它是你正在尋找&mdash;

—我的文字在這裏。

+0

剛試過它只有一個字符。尋找連續的可變長度。謝謝 –