Избегайте получения горизонтальной полосы прокрутки

Question

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

<table border="0" style="width: 100%; "> 
    <tr style="width: 100%;"> 
     <td style="padding: 10px; word-wrap:break-word" colspan="2"> 
      <asp:Label ID="Label1" runat="server" >some realllllllly long text</asp:Label> 
     </td> 
    </tr> 
<tr>this row has two column and working fine</tr> 
</table> 

Answer 1

Используйте этот CSS для таблицы

table 
{ 
table-layout:fixed; 
} 

DEMO

Update после комментария

Используйте его в линии, как это:

<table border="1" style="width: 100%; table-layout:fixed; "> 

DEMO