td данные не поступают в одну строку

Question

на моей веб-странице td не приходит в одну строку
Еженедельный отчет для XYZ идет в двух строках, мне нужно его в одной строке Почему содержимое ярлыков идет в следующей строке?

о/р Еженедельный отчет для проекта Тестирование

desired o/p 

Weekly Report for <LabelData> 


<td align="center" style="width: 100%; color: black; font-size: 12pt; font-`enter code here`family: Trebuchet MS; 
       font-style: italic; background: #E4AFC1; height: 5px;white-space:nowrap"> 
       <b>Weekly Report for <asp:Label ID="lblPro" runat="server"></asp:Label></b> 
      </td> 

Answer 1

Ваш стол должен быть отзывчивым. Если вы разместите свой тд внутри таблицы, которая не реагирует, ваша ширина td попытается расширить 100% внутри максимальной ширины таблицы, фиксированной. Смотрите следующие примеры:

Неправильный путь

<table width="80px"> 
    <td width="100%">Weekly Report for Testing project</td> 
</table> 

Правильный способ

<table width="100%"> 
    <td width="30%">collumn 1</td> 
    <td width="40%">collumn 2</td> 
    <td width="30%">collumn 3</td> 
</table> 

Answer 2

попробовать

td{white-space: nowrap} 

увидеть, если это то, что вы whant

Answer 3

Использование white-space: nowrap

<td style="white-space: nowrap; width: 100%; color: black; font-size: 12pt; font-family: Trebuchet MS; font-style: italic; background: #E4AFC1; height: 50px;"> 
    <b>Weekly Report for <asp:Label ID="lblPro" runat="server"></asp:Label></b> 
</td>