html - 我想拥有我的紧挨着

Question

我有一个问题，我在一个网站上工作，我想在我的网站上看到这个：

目前在我的页面上显示：

De diensten die wij verlenen op het gebied van beveiligde opbergsystemen zijn：
• Openen
• Reparatie
• 24 op 24 en 7 op 7！
• 服务
• 运输

我想让 • 和文本并排放置。现在他们在彼此之下

编码 ：

 <p class="second">De diensten die wij verlenen op het gebied van beveiligde
opbergsystemen zijn:</p>
    <p class="second">•&lt;/p><p class="first"> Openen</p>
    <br>
    <p class="second">•&lt;/p><p  class="first"> Reparatie</p>
    <br>
    <p class="second">•&lt;/p><p  class="first"> 24 op 24 en 7 op 7!</p>
    <br>
    <p class="second">•&lt;/p><p  class="first"> Service</p>
    <br>
    <p class="second">•&lt;/p><p  class="first"> Transport</p>

文字是荷兰语，所以不要介意

Answer 1

使用<ul>标签

<ul>
    <li> Openen</li>
    <li> Reparatie</li>
    <li> 24 op 24 en 7 op 7!</li>
    <li> Service</li>
    <li> Transport</li>
</ul>

Answer 2

你试过这个吗？

<p class="first"><span class="second">•&lt;/span>Openen</p>
<p class="first"><span class="second">•&lt;/span>Reparatie</p>

Answer 3

每次使用“[p]”创建一个新段落。"[br]" 在该行中创建一个新的中断并将下一组文本移动到下一行。

所以在这里

<p class="second">•&lt;/p><p class="first"> Openen</p>

您正在创建一个新段落，然后 • 紧随其后的是一个新段落。

这就是为什么您的 • 高于对方的原因。

Answer 4

用这个

<div id="container">
    <p class="second">De diensten die wij verlenen op het gebied van beveiligde
    opbergsystemen zijn:</p> 
    <ul>
        <li>
            <p> Openen</p>
        </li>
        <li>
            <p> Reparatie</p>
        </li>
        <li>
            <p> 24 op 24 en 7 op 7!</p>
        </li>
        <li>
            <p> Service</p>
        </li>
        <li>
            <p> transport</p>
        </li>
    </ul>
</div>

你的CSS是： #container li { float left; }

将自动将您的项目符号添加到文本中。