帶鏈接的CSS垂直文本

Question

我很難爲我的絲帶獲得某種美觀的垂直文本。

正如你可以鏈接 http://madbogen.com/

上看到的第一色帶具有打印在圖像上的一些白色的文字。有什麼可能的方式來實現這與CSS？或者，如果我只是根據它所說的標題標記a-標籤就足夠了 - 我正在考慮搜索等？

我希望在不使用標題的情況下達到相同的效果，這樣我可以擺脫懸停緞帶時出現的小盒子。

在此先感謝

Answer 1

你可以使用<br />標籤來他們堅持到不同的線路，像這樣：

<div> 
<span>H <br />E <br />L <br />L <br />O <br />! <br /> 
</span> 

演示在這裏：

http://jsfiddle.net/QSByU/497/

或可替代你可以包裝e在span標籤ACH字​​母，像這樣：

<h1> 
    <span> N </span> 
    <span> E </span> 
    <span> T </span> 
    <span> T </span> 
    <span> U </span> 
    <span> T </span> 
    <span> S </span> 
    </h1> 

演示在這裏： http://jsfiddle.net/QSByU/498/

有很多，你可以用它來使文​​本垂直顯示（見http://code.tutsplus.com/tutorials/the-easiest-way-to-create-vertical-text-with-css--net-15284）等方法。

Answer 2

謝謝你們。我看着tutsplus網站，發現字母間距和文字換行是我所需要的。

color: white; 
font-size: 16px; 
word-wrap: break-word; 
text-align: center; 
padding-left: 15px; 
padding-top: 45px; 
letter-spacing: 28px; 
text-decoration: none; 
line-height: 105%; 
font-style: normal; 
font-family: "Times New Roman";