2014-02-11 22 views
0

我創建了一個帶有輸入字段簡單的文本標籤和它後面的圖像:我的形象毀了我的文字造型,我該如何解決這個問題?

<p><label for="something" style=" padding: 5px; display:inline-block; width: 440px; border:1px solid white;">Something Since<input type="text" id="datepicker" size="7" readonly></label></p> 

與其他所有的文本標籤,那還沒有得到ID日期選擇(其中包含一個圖像,當點擊圖像dickicker彈出)文本自動居中在框中。這個心不是與圖像文本的情況下..

這裏一個像這使得它更清楚一點:

problem

任何線索如何我可以修復它,使文本和圖像居中,以及在內聯框?

+0

'I'總是大寫。 –

+1

我們會有一些想法,但我們至少需要您的html和css來擺弄我們的自我。也許你也可以創建一個http://jsfiddle.net,你爲什麼使用'paragraph'標記來包含輸入/標籤? –

回答

2

要居中的圖像和文字在同一行,你可以申請vertical-align: middle到你的形象是這樣的:

<p> 
    <label for="something">Something Since</label> 
    <input type="text" id="something" /> 
    <img src="" style="vertical-align:middle;" /> 
</p> 

http://jsfiddle.net/2nxsQ/