日历和文本不在一行中

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; 然后用 span 包裹其他元素。

Jsfiddle