CODEWITHSUNDEEP
htmlline-breaksword-wrap
sharkbait
sharkbait

Reputation: 3040

Checkbox in a table withouth start a new line automatically

I have this part of code:

<td>

    <label class="radio inline" onclick="document.forms['form_user_{{ user.id }}'].submit();">
    <input type="radio" name="perms" id="perms_{{user.id}}_0" user_id="{{user.id}}" value="0">
    None
    </label>
    <label class="radio inline" onclick="document.forms['form_user_{{ user.id }}'].submit();">
    <input type="radio" name="perms" id="perms_{{user.id}}_1" user_id="{{user.id}}" value="1">
    Read
    </label>
    <label class="radio inline" onclick="document.forms['form_user_{{ user.id }}'].submit();">
    <input type="radio" name="perms" id="perms_{{user.id}}_4" user_id="{{user.id}}" value="4">
    Read + Commands
    </label>
    </td>

But when I open the page the result is this:

html page

I don't know why the line Read + Commands break the line...

There's a way to manually manage the wrap of the line?

Upvotes: 0

Views: 658

Answers (2)

mtsiakiris
mtsiakiris

Reputation: 190

Another way to do this is to apply a style on <td> element and set appropriate width.

    <td style="width: 400px;">
OR
    <td class="myStyleTD">

    .myStyleTD
    {
    width: 50%;
    }

Upvotes: 0

Cesc
Cesc

Reputation: 688

There is the CSS property white-space:

table td {
    white-space: nowrap;
}

But I am not sure how it will apply under a label inside the td

Upvotes: 2

Related Questions