2013-10-04 6 views
1

У меня есть этот код popup.htlm файла:Две кнопки и текст с различными совместятся

HTML

<body> 
    <select style="width: 100%;" 
     multiple id="HLSlist"> 
    </select> 
    <span style="display:inline"> 
     <button type="button" id="Deletebut">Delete</button> 
     <button type="button" id="OpenAllbut">Open All</button> 
     <t id='VFlagged'>0</t> 
    </span> 
    <hr> 
    <input type="checkbox" id="BlurThumbs"> 
    <t>Blur Thumbnails</t> 
</body> 

CSS

body { 
    overflow-x: hidden; 
    min-width: 200px; 
} 

t { 
    font-size: 10pt; 
} 

Я хочу, что текст идет с правой стороны, как на картинке: enter image description here

+0

ли эти скриншоты из того же браузера? –

+0

Самый простой способ помочь вам, если вы можете бросить пример в jsfiddle.net –

+3

Есть элемент ''? – cimmanon

ответ

1

Вы можете просто поплавать.

jsFiddle here - у него есть ожидаемые результаты.

#VFlagged { 
    float: right; 
    padding-right: 10px; 
} 

Некоторые обивка может быть необходимо - я добавил 10px ..

Также .. Я изменил t элемент в span ..

+0

Мне нужно искать лучше. я нашел ответ в разделе «Родственные» ... – shunamicode

+0

@shunamicode Какой ответ «Относительный» сработал для вас? Это может быть полезно другим, если этот вопрос отмечен как дубликат. – showdev

+0

http://stackoverflow.com/questions/1119976/simple-css-problem-title-text-on-upper-left-button-on-the-upper-right?rq=1 – shunamicode

Смежные вопросы