Пространство между текстом и флажком

Я хочу иметь место между флажком и текстом.

<asp:CheckBox ID="chkPublic" runat="server" Text="Public" Font-Bold="true" />

Как установить место между флажком и текстом. Спасибо.

EDIT. Мне нужен формат css. Спасибо.

Ответ 1

<asp:CheckBox ID="chkPublic" runat="server" Text="Public" Font-Bold="true" CssClass="mycheckbox" />

В stylesheet.css

.mycheckbox input[type="checkbox"] 
{ 
    margin-right: 5px; 
}

Ответ 2

Я создал стиль для метки:

label {
    font-size: 1em;
    color: black;
    text-transform: uppercase;
    margin-left: 5px;
}

Однако это повлияет на метки заголовка, поэтому я также создал стиль:

.lheader {
    font-size: 1.5em;
    color: #1ca795;
    text-transform: uppercase;
}

Он отлично работал на всех устройствах.

Ответ 3

Вы можете написать это следующим образом:

<asp:CheckBox ID="chkPublic" runat="server" Text="" Font-Bold="true" />&nbsp;MyText

Или, может быть, просто так:

<asp:CheckBox ID="chkPublic" runat="server" Text="&nbsp;Public" Font-Bold="true" />

&nbsp; - это одно пространство в html

Ответ 4

Поздний ответ, но, надеюсь, полезный для кого-то, кто ищет решение. Вы можете "быстро и грязно" добавить пробел, вставляя неразрывные пробелы в значение свойства text. Преимущество состоит в том, что вы можете сделать это для элементов управления, которые являются исключениями для стилей, применяемых в других местах, без необходимости создавать новую таблицу стилей только для одного элемента управления. Например: