Question

I have three columns in a table. 1st and 3rd column have plenty of rows. 2nd column has only row, but i want this row to be located in middle of table. I am not getting desired result.

    <tr>
        <td>
            <div id="Usrs">
                <select name="z" id="z" size="25" multiple="multiple" style="width: 200px">
                    <option>abc</option>
                </select>
            </div>
        </td>
        <td colspan="2" align="center" valign="middle">
            Move
        </td>
        <td>
            <div id="Usrs">
                <select name="z" id="z" size="25" multiple="multiple" style="width: 200px">
                    <option>abc</option>
                </select>
            </div>
        </td>
    </tr>

Attached the image also. Help me where am I going wrong

Answer 1

Use “vertical-align:” instead of “valign:”

style="vertical-align: middle"

http://www.css4you.de/Texteigenschaften/vertical-align.html