Я хочу, чтобы мои <p> были рядом друг с другом

0

У меня вопрос, я работаю над сайтом, и я хочу это на своем веб-сайте:

Показывать на моей странице:

De diensten die wij verlenen op het gebied van beveiligde opbergsystemen zijn:
• Openen
• Репарация
• 24 op 24 ru 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>

Текст голландский, поэтому не против, чтобы

  • 7
    Вместо абзацев почему бы не использовать неупорядоченные списки? Это автоматически добавит «диск» в ваш список и выстроится в очередь.
  • 0
    Используйте <ul> и стиль при необходимости.
Показать ещё 3 комментария
Теги:

4 ответа

7

Использовать <ul>

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

Вы пробовали это?

<p class="first"><span class="second">•</span>Openen</p>
<p class="first"><span class="second">•</span>Reparatie</p>
1

Каждый раз, когда вы используете "[p]", который создает новый абзац. "[br]" делает новый разрыв в строке и перемещает следующий набор текста в следующую строку.

Так вот

<p class="second">•</p><p class="first"> Openen</p>

вы создаете новый абзац, а затем • следуете новому абзацу.

Вот почему ваши • выше друг друга.

1

использовать это

<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; } #container li { float left; }

автоматически добавит вашу марку в текст.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню