html - 如何将文本放在右侧

Question

我想像在这个模型中一样将文本“även uppfinnare”放在右侧：

当这是动态数据的实际结果时，我可以显示除最右边的文本之外的所有内容：

执行此操作的 HTML 和 JSP 是：

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

    <div class="fl10"><h3>Sökande</h3></div>
        <% if(apc.hasSokande()) {
        if(sokandeList != null && sokandeList.size() > 0) { %>
        <% for(PersonInfo person : sokandeList) { %>
        <div class="data-box">
            <table border="0">
    <tr><td colspan=3><strong>  <% if (person.getNamn() != null) { %>
                <%= person.getNamn() %>&nbsp;
            <% } %> </strong></td></tr>
        <tr><td></td><td>Telefon</td><td><%= person.getTelefon() %></td></tr>
        <tr><td></td><td>Fax</td><td><%= person.getFax() %></td></tr>
        <tr><td></td><td>E-post</td><td><%= person.getEpost() %></td></tr>
        <tr><td><%= person.getLandKod() %></td><td>Referens</td><td></td></tr>
        </table>    
    </div>  
</div>
    <div class="clear"></div>
    <div class="fl10"></div>


        <% } %>
    <% } %>
    <% } else { %>
        <%= apc.getNyregPerson().getNamn() %>
    <% } %>

        </div>

你能告诉我如何实现右边的文字吗？我尝试使用 div 和 float:right 但它没有用。请帮忙。谢谢你。

Answer 1

您可以像这样使用绝对定位。

<span style='position:absolute; top:10px; right:0px;'>även uppfinnare</span>

Answer 2

使用HTML div标签会更适合这种设计。为列创建两个 div。

    <div id="personName">
      ......
   </div>
    <div id="otherDetails">
       .....
   </div>
   <br style="clear:both;"/>

CSS：

  #personName {
    float:left;
    width:300px;
    background:#9c9;
 }
 #otherDetails {
    float:right;
    width:450px;
    background:#c9c;
 }

检查：示例