Acabei de notar que, se você der uma largura fixa a um botão HTML, o texto dentro do botão nunca será quebrado. Eu tentei com quebra de linha, mas isso corta a palavra mesmo que haja espaços disponíveis para quebra.
Como posso criar o texto de um botão HTML com uma quebra de largura fixa, como faria qualquer célula de tablete?
<td class="category_column">
<input type="submit" name="ctl00$ContentPlaceHolder1$DataList1$ctl12$ProCat_NameButton" value="Roos Sturingen / Sensors" id="ctl00_ContentPlaceHolder1_DataList1_ctl12_ProCat_NameButton" class="outset" style="height:118px;width:200px;font-size:18px;color:#7F7F7F;width:200px;white-space:pre;"
/>
</td>
As classes CSS não fazem nada além de adicionar bordas e modificar o preenchimento. Se eu adicionar word-wrap:break-word
a este botão, ele o envolverá assim:
Roos Sturingen / Sen
sors
E não quero cortar no meio de uma palavra, se for possível cortá-la entre as palavras.