Is it possible to ignore inline style with css?

August 1, 2022

<td class="subrubr" nowrap="nowrap" valign="bottom">
    <a name=""></a>
    Some long text to display here.
</td>

This line of code is being generated automatically by php and when it’s a long text it breaks the design as it’s trying to be all on one line(I don’t have access to the generator I can just call the function that does it). I need to make it responsive with plain css and the nowrap attribute is what is causing me problems. Is there a way I can just ignore it or what is the best way or replacing it.

>Solution :

You can create a specific selector to override the property

td[nowrap="nowrap"] {
  white-space: normal;
}

<table>
  <tr>
    <td class="subrubr" nowrap="nowrap" valign="bottom">
      <a name=""></a>
      Some long text to display here. Some long text to display here. Some long text to display here. Some long text to display here. Some long text to display here.
    </td>
  </tr>
</table>