主干（下划线）模板问题

Question

我对骨干模板有点奇怪的问题。

我有以下模板

    <div class='content'>
        <img src="assets/images/room/temp-img.jpg" class='room-image'/>
        <div class="room-content-right">
            <h2 class='room-name'><%= title %> </h2>
            <p class="room-description"><%= shortDescription %></p>     

            <a class='btn-view-detail'><%= dictionary.viewDetail %></a>     

            <div class='float-right'>
                <div class='text-startingAt'><%= dictionary.startingAt %> $xxx / <%= dictionary.night %></div>
                <a class="btn-select-room"><%= dictionary.selectThisRoom %></a>
            </div>

        </div>

        <div class="clear-both"></div>


    </div>

    <ul class='packages'>

    </ul>

当我渲染它时，我得到以下HTML

如您所见，使用div.float-right确认VIEW DETAIL锚点。

我做错了什么或是这个来自骨干的错误？