将子弹列表对齐到文本左侧的子弹和子弹

Question

我正在阅读direction=rtl，但rtl将子弹放在文本的右侧。有没有办法让div的右侧有子弹列表，文本左侧有子弹？我会使用position属性吗？

这是我的cshtml

<div class="container">
    <div class="instructions" id="instructions">
        <span style="font-weight:bold">Filter the results by selecting any number of the filter options: </span><br /><br />
        <div>
            <ol style="list-style-type:circle">
                <li>Check the checkbox and enter the desired search text </li>
                <li>Select multiple filters to expand your search</li>
                <li>Click the "Search" button to filter results</li>
            </ol>
        </div>
</div>
    <div class="filters">
        <div id="lblFilter">
            @Html.Label("Filter Options")
        </div>
        <br />
        <div id="lblYears">
            <span style="margin-right:13px">@Html.Label("Begin")</span>
            <span style="margin-right:19px">@Html.Label("End")</span>
         </div>
    </div>
</div>

这是我的css

div.instructions{
    float:right;
    width:75%;
    text-align:right;
}

div.filters{
    float:left;
}

这就是它目前的样子。我想通过文本来解决它们