Установка ширины столбца таблицы

table {
  width: 100%;
  border: 1px solid #000;
}
th.from, th.date {
  width: 15%
}
th.subject {
  width: 70%; /* Not necessary, since only 70% width remains */
}

  

    

      
From
      
Subject
      
Date
    
  
  

    

      
[from]
      
[subject]
      
[date]
    
  

Лучше всего держать ваши div-layouts HTML и CSS отдельно для уменьшения max-height дублирования кода и разделения webpage задач (HTML для структуры и семантики colspan и CSS для представления).

Обратите box-shadow внимание, что для того, чтобы css3 это работало в более старых inline-block версиях Internet Explorer, вам css может потребоваться указать inline-block ширину таблицы (например, 900 td пикселей). У этого браузера max-height есть некоторые проблемы с inline-block отображением элемента с процентными max-width размерами, если его оболочка html-table не имеет точных размеров.