шкала span ширина 100% от родителя td

Question

Я работаю над шаблоном электронной почты, поэтому я ограничен div и CSS. Некоторые почтовые клиенты не обрабатывают div и CSS. Вместо этого я должен использовать таблицы.

У меня есть td, в этом td Мне нужен текст заголовка с цветным фоном при 100% ширине td.

Вот мой код, который не работает:

<td width="50%" valign="top" style="border: solid 2px #3c3141; border-width: 6px 2px 4px 0px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; border-left: none; background-color: #f1e4e7; margin: 0px; padding: 20px; text-align: center;"> 
 
<span style="background-color: #f5434f; color: #ffffff; padding: 10px; font-size: 16px; width: 100%;"> 
 
    <strong>Termek nev</strong> 
 
    </span><br> 
 
    <span> 
 
    <br>ide jon a szoveg 
 
    </span> 
 
</td>

Answer 1

Вы не можете задать ширину для строкового элемента как span. Либо использовать блок-элемент, как div или p, либо заставить span для отображения в качестве блока с использованием display:block следующим образом:

<td width="50%" valign="top" style="border: solid 2px #3c3141; border-width: 6px 2px 4px 0px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; border-left: none; background-color: #f1e4e7; margin: 0px; padding: 20px; text-align: center;"> 
<span style="background-color: #f5434f; color: #ffffff; padding: 10px; font-size: 16px; width: 100%; display:block"> 
    <strong>Termek nev</strong> 
    </span><br> 
    <span> 
    <br>ide jon a szoveg 
    </span> 
</td>