CSS - 显示：内联块问题

Question

我正在尝试调试下面显示的显示问题： 这是HTML：

<span class="pw_brand_product_list"><div class="wb-posted_in">Brand:</div><a href="https://www.google.com">My First Brand</a></span>

这是CSS：

 .wb-posted_in {display:inline-block; margin:5px}

当我把所有这些都放到JSFiddle中时，它正确地显示了“品牌：我的第一品牌”但是，当我实际将它实现到我的网站上时，它似乎没有正确显示它仍显示为：

品牌：

我的第一品牌

有人可以对此有所了解吗？我假设这是一些非常初学者的错误？我甚至试图使用！important，它仍然无法正确应用。

Answer 1

我看了一下你链接的页面。似乎.wb-posted_in有一个width: 100%。使用width: auto更改此内容似乎解决了问题。