Drago Drago - 1 month ago 6
CSS Question

How to let different text lines take equal space?

<p>gypsum -> triton</p>
<p>antimony -> juno.lunarirc.net</p>
<p>bismuth -> apollo.lunarirc.net</p>

gypsum -> triton
antimony -> juno
bismuth -> apollo


How can I make the
->
align like:

gypsum -> triton
antimony -> juno
bismuth -> apollo

Answer

Simply use tables.

 <table style="width:50%">
  <tr>
    <td>gypsum</td>
    <td>triton</td>
  </tr>
  <tr>
    <td>antimony</td>
    <td>juno</td>

  </tr>
</table>