размещение двух столов бок о бок с равным интервалом

Question

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

<table style="float:right; background-color: white;font-family: cursive,sans-serif; border-radius: 8%; border-color: white" border="0" width="420px" height="216px" > 

     <tr style='float: left; background-color: white; border-radius: 3%; border-color: white;' width='200px' height='54px'> 
      <td style='font-family: cursive,sans-serif; border-color: white; ;' width='200px' height='54px'>From</td> 
      <td style="font-family: cursive,sans-serif; border-color: white; border-radius: 3%" width='200px' height='54px'>To</td> 
     </tr> 
    </table> 


    <table align="center" style=" float:left; background-color: white;font-family: cursive,sans-serif; border-radius: 8%; border-color: white" border="1" width="420px" height="216px"> 

    </table> 

Большое спасибо.

Answer 1

Добро пожаловать!

1. Перенесем ваши стили в файл .css в первую очередь.
2. Я собрал небольшую демонстрацию, check it out - не обращайте внимание на таблицу: селектор nth-child (2n), они также могут быть именами классов.

Answer 2

Вы должны использовать CSS3 для этой задачи. НЕ используйте фреймы (они, по сути, устарели). Вы должны сделать это. Я нашел хороший старт на этом сайте:

Div side by side

удачи.

Answer 3

Установите две таблицы внутри контейнера div с некоторым количеством padding: 0 XXpx;, где XX - это количество интервалов, которое вы хотите. Чтобы таблицы правильно плавали, ширина этого div должна быть не менее 842px (размер обеих плавающих таблиц плюс граница первого).