как отобразить текст и ссылку на ул

Question

Попытка создать этот эффект, когда у меня есть ul со ссылками, но текст следующий к нему тоже.

<ul>
    <li><a href="#">item 1</a><p>description about item</p></li>
    <li><a href="#">item 2</a><p>description about item</p></li>
    <li><a href="#">item 3</a><p>description about item</p></li>
</ul>

Но, как вы можете видеть, описание приведено ниже пункта. Есть ли способ сделать это рядом со ссылкой?

большое спасибо

Answer 1

Tag <p> имеет свойство display: block. Это превращает содержимое в go в новую строку.

В зависимости от того, что вы хотите, вы можете удалить тег <p> или переместить в него целое <a>.

Проверьте фрагмент .

<ul>
  <li><a href="#">item 1</a> description about item</li>
  <li><a href="#">item 2</a> description about item</li>
  <li>
    <p>
      <a href="#">item 3</a> description about item
    </p>
  </li>
</ul>

Answer 2

Добавьте диапазон к другому тексту и добавьте к нему блок отображения.

Answer 3

<ul>
  <li><a href="www.goolge.com">Test</a> Description<li>
</ul>