CSS-显示:内联块问题

CSS-显示:内联块问题,css,Css,我正在尝试调试显示问题,如下所示: 以下是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> 当我把所有这些都放到JSFIDLE中时,它正确地显示了“品牌:我的第一品牌”,然而,当我在我的网站上实际实

我正在尝试调试显示问题,如下所示: 以下是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>
当我把所有这些都放到JSFIDLE中时,它正确地显示了“品牌:我的第一品牌”,然而,当我在我的网站上实际实现这一点时,它似乎没有正确地显示出来,它仍然显示为:

品牌:

我的第一品牌


有人能解释一下吗?我想这是一些初学者的错误吧?我甚至试着用!重要信息,但仍然无法正确应用。

我查看了您链接的页面。似乎中的
.wb-posted\u具有
宽度:100%
。使用
width:auto更改此选项似乎已解决了此问题。

欢迎使用StackOverflow!为了让我们更好地帮助您,请您更新您的问题,以便在问题本身的a中显示您的相关代码。外部站点可能是恶意的或被过滤系统标记;用户可能无法访问它们。如果您能让我们知道您迄今为止为解决您的问题所做的努力,这也会很有帮助。有关更多信息,请参阅帮助文章:)考虑到它可以在JSFIDLE上工作,它很可能是站点上的其他css。使用开发人员工具,比如检查元素并查看应用了什么样式。我投票将这个问题作为离题题来结束,因为正如我经常抱怨的那样,提问者发布了一个指向其网站的链接,作为其标记问题的一个示例。然后,当他解决问题时,他删除了他的链接,让他的问题变得毫无意义,答案也变得毫无意义。他贴出的标记没有显示问题。所有的问题都要有一个完整的例子来说明这里的问题,而不是一个web站点、JSFIDLE或任何其他第三方站点!谢谢你,效果很好!要学的东西太多了:)请不要回答离题的问题。他没有在这里发布重现问题的必要示例标记。一旦他得到了你的答案,仅仅基于他的网站,他就删除了那个链接,这使得你的答案毫无价值,他的问题对任何人都不再有用。这不是堆栈溢出的目的,回答这样的问题是一种伤害。并非所有的问题都可以或应该得到回答:请不要再这样做了。
 .wb-posted_in {display:inline-block; margin:5px}