Part of html-code page:

```
<td class="calendar-footer-cell" style="min-width: 135px; max-width: 135px;">
    <table id="in_out_time" style="cursor: pointer; color:#BBBBBB; font-family: cbuc-icons Regular, cbuc-icons;">
        <tbody>
            <tr class="field-label">
                <td id="timeIdName" style="width: 100px; white-space: nowrap; padding-right: 5px; height: 20px">09:52</td>
                <td class="table_td_all_time" style="width: 100px; text-align: right;">04:08</td>
            </tr>
            <tr class="field-label">
                <td class="table_time_in_out" style="width: 100px; height: 20px;">09:52</td>
            </tr>
        </tbody>
    </table>
</td>

```

CSS:

```
#timeIdName {
    white-space: normal;
}

```

In the block "timeIdName" in the css-settings you want to change "white-space" to "pre".

If you are using:

```
$('#timeIdName').css("white-space", "pre");

```

nothing changes.

Can you please tell how to change the setting?