如何将文本放在右边

Question

我想将文字“ävenucfinnare”放在右侧，就像在这个模型中一样：

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

执行此操作的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：对，但它不起作用。请帮忙。谢谢。

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;
 }

检查：example