Contexte

Bien souvent, dans les blogues, on veut placer le titre de notre nouvelle à gauche, et la date de l'envoie à droite. Plusieurs techniques permettent d'y arriver. Bien attendu, tout ce qui est CSS peut être généralisé dans un fichier .css séparé ou une balise <style>.

<div style="width:15em;border:1px solid black;">
 <h3 style="margin:0;"><span style="float:right;">Date</span>Titre</h3>
 <p>Texte</p>
</div>

<div style="width:15em;position:relative;border:1px solid black;">
 <h3 style="margin:0;">Titre</h3>
 <p style="position:absolute;top:0;right:0;">Date</p>
 <p>Texte</p>
</div>

<div style="width:15em;border:1px solid black;">
 <table summary="nouvelles du site" width="100%">
  <tr>
   <td>Titre</td>
   <td align="right">Date</td>
  </tr>
 </table>
 
 <p>Texte<p>
</div>

<table summary="nouvelles du site" style="border:1px solid black;" width="300">
 <tr>
  <th align="left">Titre</th>
  <th align="right">Date</th>
 </tr>
 <tr>
  <td colspan="2">Texte<td>
 <tr>
</table>

Lire les commentaires | Laisser un commentaire