将HTML链接到CSS类

Question

我不是HTML的最佳人选。基本上我试图获得许多换行符的效果，而不是用很多连续的<br>标签填充我的代码。我的脑子里就是这个CSS：

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

和这个HTML，我的文字是：

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

我只需要在一个页面上。谁知道我哪里出错？

Answer 1

假设你想在两个单词之间注入许多中断，你可以注入一个样式如下的span标签：

.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>

Answer 2

试试这个：

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

Answer 3

您需要使用CSS属性 margin-top 添加一些空格而不使用换行符。

    .movedown {
        margin-top: 120px;
    }

Answer 4

down不是现有的css规则。您应该使用的是div margin-top，这会在元素上方创建一个空格。

.down {
  margin-top: 50px; 
}

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

Answer 5

而不是'向下'尝试：

top:120px;

Answer 6

只需使用<div>元素代替<span>。

默认情况下，div是一个块样式元素，span是内联的。

block占据整行，因此每个新行都将占据新行。

您可以使用CSS更改默认行为，但最好先掌握基本元素。