Formater du texte dans un widget texte avec Javascript ?

si tu veux pousser plus loin avec les alignements, tu verras que dans le code j’ai utilisé l’attribut align=left

align correspond à l’alignement horizontal dans la cellule. Les valeurs possibles sont :

  • left (texte aligné à gauche)
  • center (texte aligné au centre)
  • right (texte aligné à droite)
  • justify (texte justifié, peut utilisé sur le web car pas bien rendu)

Il existe un autre attribut, pour aligner le texte verticalement dans la cellule. Cet attribut est valign
ses valeurs sont :

  • top (texte aligné en haut)
  • middle (texte aligné au milieu)
  • bottom (texte aligné en bas)

Ainsi, pour chaque cellule tu peux avoir un alignement horizontal ou vertical comme tu le souhaites.

tu obtiendrais par exemple :

<table width='100%'>
  <tr>
    <td align=left valign=middle width='10%'><span color='#0F0'>placer ici glyphicons</span></td>
    <td align=left valign=middle width='50%'><span color='#0F0'>placer ici le titre </span></td>
    <td align=right valign=middle><span color='#0F0'>placer ici la valeur</span></td>
  </tr>
  <tr>
    <td align=left valign=middle  width='10%'><span color='#0F0'>placer ici glyphicons 2</span></td>
    <td align=left valign=middle  width='50%'><span color='#0F0'>placer ici le titre 2 </span></td>
    <td align=right valign=middle ><span color='#0F0'>placer ici la valeur 2</span></td>
  </tr>
</table>

EDIT : Attention le code ci-dessus est un exemple.
une adaptation plus précise a été donnée plus bas.

4 « J'aime »