將HTML鏈接到CSS類

我不是HTML中最好的。本質上，我試圖得到很多換行符的效果，而沒有用很多連續的<br>標籤填充我的代碼。我有我的頭是這樣的CSS：將HTML鏈接到CSS類

.movedown { 
    position: relative; 
    down: 120px; 
}

這HTML，我的文字是：

<span class="movedown">*text here*</span>

我只需要在一個頁面上。任何人都知道我要去哪裏錯了？

2014-10-09 CrowStorm

對於初學者來說，你有什麼不是css。沒有down屬性也沒有css在其中帶brs ... – 2014-10-09 09:19:09

Down不是一個有效的css屬性。你想用它達到什麼目的？ – 2014-10-09 09:20:56

谷歌邊距和填充屬性，這些可能會給你你正在尋找的效果。 – Jhecht 2014-10-09 09:20:57

試試這個：

.movedown { 
     position: relative; //Not required 
     margin-top: 120px; 
    }

2014-10-09 09:21:27 KunJ

道歉@ICanHasKittenz！由Patsy編輯。 – KunJ 2014-10-09 09:26:45

謝謝@Patsy Issa :) – KunJ 2014-10-09 09:27:35

Right @SalmanA，感謝您的回答:) – KunJ 2014-10-09 10:35:12

假設要注入很多休息兩個詞之間你可以注入風格的跨度標籤如下：

.long-br { 
 
    display: block; 
 
    height: 12em; /* 12em is roughly 10 lines at current font size/1.2 line height */ 
 
}

<p>Hello <span class="long-br"></span> World</p>

候補：如果要插入很多在兩個文本塊之間打破，理想的方式是使用頁邊距：

.long-gap { 
 
    margin-top: 12em; 
 
}

<p>Paragraph 1</p> 
 
<p class="long-gap">Paragraph 2</p>

2014-10-09 09:20:50

你真的覺得明智的指出他在他們當他不知道css是什麼線索的時候...... – 2014-10-09 09:21:37

這可能會鼓勵他學習更多:) – 2014-10-09 09:22:20

down是不是現有的CSS規則。你應該使用的是div與margin-top，這會在元素上創建一個空間。

.down { 
 
    margin-top: 50px; 
 
}

*top text* 
 
<div class="down">*text here*</div>

2014-10-09 09:21:20 Jerodev

您需要使用CSS屬性邊距不使用換行符添加一些空間。

 

    .movedown { 
     margin-top: 120px; 
    }

2014-10-09 09:21:48 ghorg12110

而不是 '向下' 的嘗試：

top:120px;

2014-10-09 09:25:57 domenv

只需使用<div>元素，而不是<span>。

默認情況下，div是塊樣式元素，span是內聯的。

block佔據整行，所以每個新行將在一個新行上。

您可以使用CSS更改默認行爲，但更好地先掌握基本元素。

回答