Question

I am creating an HTML report (it’s to be a form for filling in). I have a table at the bottom of the form which contains a list of items and yes/no checkboxes at the side. I need to have this work so that cells on the left that contain a question have any empty space filled with dots, e.g.:

Short question......................... yes no
Longer question etc, etc............... yes no

Does anyone know of a way of doing this, ideally by CSS, but on the server side if necessary.

Answer 1

you can use tables. overflow: hidden will make dots after 150px dissapear and you will have dot fill of different length for different rows

<table>
    <tr>
        <td style="width: 150px; overflow: hidden;">
            Short question........................................................
        </td>
        <td>
            yes no
        </td>
    </tr>
</table>