日历和文字不是单行

Question

我使用bootstrap 2.3.2创建了一个html的东西。 html内容正在呈现，但问题是日历和文本在不同的行中也是日历css正在破坏。

JSFiddle

HTML

<div class="box-content">
    <li><a href="#"> <span class="mycalendar"> <strong>NOV</strong> <span>20</span>
        </span></a>
        <strong>Name:</strong> <a href="#">Test </a><br> <strong>Since:</strong>
        17/05/2012<br> <strong>Status:</strong> <span
        class="label label-success">Approved</span></li>
</div>

我的代码如下所示

任何人都可以告诉我一些解决方案吗

Answer 1

您可以使用float:left来满足您的愿望。

Jsfiddle

评论后编辑：

为了使元素居中，您可以使用display:inline-block;，然后用跨度包装其他元素。

Jsfiddle