兩個按鈕，並與不同的對齊

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

來源

2013-10-04 shunamicode

是來自同一個瀏覽器這些截圖？ –

最簡單的方法來幫助你，如果你可以在jsfiddle.net中舉個例子 –

有''元素？ – cimmanon

您可以簡單地浮動它。

jsFiddle here - 它有你期望的結果。

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

一些填充可能是必要的 - 我加10px的..

還..我改變了t元素的span ..

來源

2013-10-04 21:00:21

我需要更好地搜索。我在「相關」部分找到答案... – shunamicode

@shunamicode哪個「相關」的答案適合你？如果此問題被標記爲重複，則可能對他人有所幫助。 – showdev

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

兩個按鈕，並與不同的對齊

回答

相關問題