Question

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

此刻显示在我的页面上：

De diensten die wij verlenen op het gebied van beveiligde opbergsystemen zijn：
      •Openen
      •维修       •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">•</p><p class="first"> Openen</p>
    <br>
    <p class="second">•</p><p  class="first"> Reparatie</p>
    <br>
    <p class="second">•</p><p  class="first"> 24 op 24 en 7 op 7!</p>
    <br>
    <p class="second">•</p><p  class="first"> Service</p>
    <br>
    <p class="second">•</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">•</span>Openen</p>
<p class="first"><span class="second">•</span>Reparatie</p>

Answer 3

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

所以这里

<p class="second">•</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; }

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

我想让我的<p>彼此相邻</p>

4 个答案: