Как разместить текст в правом

Question

Я хотел бы, чтобы поместить текст «Aven 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: правильно, но это не сработало. Пожалуйста помоги. Спасибо.

Answer 1

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

Answer 2

Вы можете использовать абсолютное позиционирование, подобное этому.

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