I've got a to-posts table inside a div :

<div>

<table>

  <tbody>

    <tr>

      <td class="action" >

        <a> ✔ </a>

      </td>

      <td class="content">

       <p>Bigger text...(variable size).......</p>

      </td>

    </tr>

    <tr>

      <td class="action" >

        <a> ✔ </a><a> ✘ </a>

      </td>

      <td class="content">

       <p>Bigger text...(variable size).......</p>

      </td>

    </tr>

      ... same structure in most the table

  </tbody>

</table>

</div>

And I'd like the "action" column to suit this content, and also the "content" column to accept relaxation of accessible space. The "action" column would look better having a right align. The table also needs to fit 100% from the container's width.

It is possible to method of carrying this out without fixing the posts width ?

I attempted with this particular:

table .action



table



However the left column takes half on the table...

.content should work. Also provide the .action a whitened-space: nowrap to make certain the x and also the checkmark stay alongside eachother.

http://jsfiddle.internet/L4AVC/1/