Попытка разбить таблицу на два столбца

Я пытаюсь получить таблицу, чтобы разделить пополам и одну часть слева, а другую - справа, но таблица остается на одной стороне. Я хочу, чтобы поля ввода выстраивали строки в именах столбцов, поэтому я пытаюсь поместить их в таблицу.Попытка разбить таблицу на два столбца

Внизу снимок экрана показывает, что я пытаюсь выполнить.

enter image description here

<fieldset class="Application"> 
 
    <Legend> 
 
    <h2>Owners, Officers, Partners Information</h2> 
 
    </legend> 
 
    <table> 
 

 
    <tr> 
 
     <tr> 
 
     <td> 
 

 
      <tr> 
 
      <td>Name:</td> 
 
      <td> 
 
       <input type="text" name="ownname" size="10" /> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>Title:</td> 
 
      <td> 
 
       <input type="text" name="title" size="10" /> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>Percentage Held:</td> 
 
      <td> 
 
       <input type="text" name="percent" size="10" /> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>Street:</td> 
 
      <td> 
 
       <input type="text" name="ownstreet" size="10"> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>City-State-Zip:</td> 
 
      <td> 
 
       <input type="text" name="owncity" size="10" /> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>SSN:</td> 
 
      <td> 
 
       <input type="text" name="SSN" /> 
 
      </td> 
 
      </tr> 
 
     </td> 
 
     </tr> 
 
     <tr> 
 
     <td> 
 
      <tr> 
 
      <td>Name:</td> 
 
      <td> 
 
       <input type="text" name="ownname" size="10" /> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>Title:</td> 
 
      <td> 
 
       <input type="text" name="title" size="10" /> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>Percentage Held:</td> 
 
      <td> 
 
       <input type="text" name="percent" size="10" /> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>Street:</td> 
 
      <td> 
 
       <input type="text" name="ownstreet" size="10"> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>City-State-Zip:</td> 
 
      <td> 
 
       <input type="text" name="owncity" size="10" /> 
 
      </td> 
 
      </tr> 
 
      <tr> 
 
      <td>SSN:</td> 
 
      <td> 
 
       <input type="text" name="SSN" /> 
 
      </td> 
 
      </tr> 
 
     </td> 
 
     </tr> 
 
    </tr> 
 

 
    </table> 
 
</fieldset>

источник

2015-05-07 Kevin Sims

Добро пожаловать в StackOverflow. Создавая фрагмент, нажмите кнопку «Tidy» после добавления кода. Он правильно форматирует код и улучшает читаемость. Я также добавил ваше изображение в вопрос. При использовании тегов просто наведите указатель на имена тегов, и если вы видите «Не используйте этот тег» для любого тега, избегайте его пометки (например, в теге ** table **). Тег ** tr ** также не подходит для этого вопроса, потому что он используется для утилиты * nix. Я думаю, вы не знаете об этом, поскольку вы новичок. – Harry

Что-то вроде этого?

table { 
 
    width: 100% 
 
}

<fieldset class="Application"> 
 
    <table> 
 
    <legend> 
 
     <h2>Owners, Officers, Partners Information</h2> 
 
    </legend> 
 
    <tr> 
 
     <td> 
 

 
     <tr> 
 
      <td>Name:</td> 
 
      <td> 
 
      <input type="text" name="ownname" size="10" /> 
 
      </td> 
 
      <td>Name:</td> 
 
      <td> 
 
      <input type="text" name="ownname" size="10" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td>Title:</td> 
 
      <td> 
 
      <input type="text" name="title" size="10" /> 
 
      </td> 
 
      <td>Title:</td> 
 
      <td> 
 
      <input type="text" name="title" size="10" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td>Percentage Held:</td> 
 
      <td> 
 
      <input type="text" name="percent" size="10" /> 
 
      </td> 
 
      <td>Percentage Held:</td> 
 
      <td> 
 
      <input type="text" name="percent" size="10" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td>Street:</td> 
 
      <td> 
 
      <input type="text" name="ownstreet" size="10"> 
 
      </td> 
 
      <td>Street:</td> 
 
      <td> 
 
      <input type="text" name="ownstreet" size="10"> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td>City-State-Zip:</td> 
 
      <td> 
 
      <input type="text" name="owncity" size="10" /> 
 
      </td> 
 
      <td>City-State-Zip:</td> 
 
      <td> 
 
      <input type="text" name="owncity" size="10" /> 
 
      </td> 
 
     </tr> 
 
     <tr> 
 
      <td>SSN:</td> 
 
      <td> 
 
      <input type="text" name="SSN" /> 
 
      </td> 
 
      <td>SSN:</td> 
 
      <td> 
 
      <input type="text" name="SSN" /> 
 
      </td> 
 
     </tr> 
 
     </td> 
 
    </tr> 
 
    </table> 
 
</fieldset>

источник

2015-05-07 01:18:40

Большое вам спасибо, что многое помогло с тем, что я пытаюсь сделать –

Попытка разбить таблицу на два столбца

ответ

Смежные вопросы