Html 无法获取span以转到新行

我无法让我的跨距转到新的线路。他们应该坐在图像旁边

这是我的HTML：

<h2>Club Profile Card</h2>
<div class="clubprofilecard">   
    <h3><a href=""><img src=""/>Row 1
    <span>Row 2</span>
    <span>Row 3</span>
    <span>Row 4</span>
    </a></h3>
</div>

以下是结果输出：

不太确定在这里做什么。

而不是：

.clubprofilecard h3 a span
{
    white-space:nowrap;
    float:left;
    display:inline-block;   
}

试试这个：

.clubprofilecard h3 a span
{
    white-space:nowrap;
    display:block;   
}

---

为什么要使用spans而不是DIV，在DIV是块元素的情况下，spans是内联的。没有义务。这只是推广高质量内容的一种方式。

.clubprofilecard h3 a span
{
    white-space:nowrap;
    display:block;   
}