Как прописать стиль тега p обернутового в div?

Question

[nikfcsm]

<ul class="wc-item-meta">
<li><strong class="wc-item-meta-label"><span class="extra-variation-cart-cat">Растительные ингридиенты</span>:</strong> <p>:</p></li>
<li><strong class="wc-item-meta-label"><span class="extra-variation-cart-name">Лук красный</span>:</strong> <p>70.00₽</p></li>
<li><strong class="wc-item-meta-label"><span class="extra-variation-cart-cat">Мясные ингридиенты</span>:</strong> <p>:</p></li>
<li><strong class="wc-item-meta-label"><span class="extra-variation-cart-name">Мясо</span>:</strong> <p>70.00₽</p></li>
<li><strong class="wc-item-meta-label"><span class="extra-variation-cart-name">Бекон</span>:</strong> <p>70.00₽</p></li>
<li><strong class="wc-item-meta-label"><span class="extra-variation-cart-name">Ветчина</span>:</strong> <p>70.00₽</p></li>
</ul>

Как правильно в style.css прописать стиль для тега p
display:inline;

Answer 1

[Максим Тимофеев]

Lander прав, но:
.wc-item-meta > li > p {display:inline;}

Answer 2

[Виталий Архипов]

Вообще вот так, но почему вы используйте тег p не по назначению? Используйте span.

.wc-item-meta>li p{
    display: inline;
}

Comments

[nikfcsm]

Он просто уже использован в теме, нужно чуть подправить для красоты...

Answer 3

[Lander]

Параграф - блочный элемент. Используйте вместо него span.