Как получить группу текста и списков для правильного выравнивания по вертикали с равным интервалом между ними?

Question

Я создаю веб-страницу, используя довольно элементарные методы.У меня есть три строки в определенной части веб-страницы, каждая из которых структурирована как.Единицы текста и единицы списка в разных строках находятся в идеальном горизонтальном выравнивании, но вертикальный интервал между списками несовместимКроме того, вертикальное выравнивание каждого списка по отношению к его парному тексту отличается.Я попытался перенастроить структуру таблицы и поэкспериментировать с valign, но безрезультатно.Как мне это исправить, чтобы она выглядела аккуратно?Спасибо!

Answer 1

Вы можете установить высоту каждого тд с помощью css, например

td {
    height: 50px
}

, также вам следует ознакомиться с некоторыми уроками о том, как создавать формы без использования таблиц http://www.cssdrive.com/index.php/examples/exampleitem/tableless_forms/

Answer 2

  <form>
     <table border="0" width="100%" cellpadding="0">
        <tr>
           <td>
              <table border="0" width="100%" cellpadding="0">
                 <tr>
                    <td align="right" width="50%">
                       Please choose the test category:
                    </td>
                        <td align="left" width="50%">
                           <form action="">
                              <select name="categories" style="width:20%;"></select>
                           </form>
                        </td>
                     </tr>
                  </table>
               </td>
            </tr>
         </table>
         <br />
         <table border="0" width="100%" cellpadding="0">
            <tr>
               <td>
                  <table border="0" width="100%" cellpadding="0">
                     <tr>
                        <td align="right" width="50%" valign="center">
                           Please choose the test:
                        </td>
                        <td align="left" width="50%" valign="center">
                           <form action="">
                              <select name="tests" style="width:20%;"></select>
                           </form>
                        </td>
                     </tr>
                  </table>
               </td>
            </tr>
         </table>
         <br />
         <table border="0" width="100%" cellpadding="0">
            <tr>
               <td>
                  <table border="0" width="100%" cellpadding="0">
                     <tr>
                        <td align="right" width="50%">
                           Please choose the difficulty:
                        </td>
                        <td align="left" width="50%">
                           <form action="">
                              <select name="difficulties" style="width:20%;"></select>
                           </form>
                        </td>
                     </tr>
                  </table>
               </td>
            </tr>
         </table>
      </form>

Это только текущее состояние.Я пробовал другие вещи с этим.

---

Редактировать: Это включает в себя отсутствие каких-либо добродетельных вещей тамКогда я попытался добавить их, ничего не произошло.