2013-04-15 3 views
1

У меня есть div и кнопка, и я хочу поставить их рядом друг с другом. Проблема заключается в том, что не имеет значения, что я делаю, моя кнопка заканчивается на следующей строке.Положите кнопку на правой стороне div

скрипку: http://jsfiddle.net/xhEG6/

<div id="askQuestionOverDiv" "><h1>Text</h1></div>  

<input type="button" id="Text" style="float:right;" value="Text" /> 

#askQuestionOverDiv { 

    height:40px; 

width: 70%; 
    text-align:center; 
    border-radius:15px; 
     background: #141414; 
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 
    background: -moz-linear-gradient(top, #32323a 0%, #141414 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414)); 
    background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%); 
    background: -o-linear-gradient(top, #32323a 0%, #141414 100%); 
    background: -ms-linear-gradient(top, #32323a 0%, #141414 100%); 
    background: linear-gradient(to bottom, #32323a 0%, #141414 100%); 

} 

    #askQuestionOverDiv h1 { 

     color:white; 

    } 


     #askQuestionOverDiv h1:hover { 

     text-decoration:underline; 
     cursor:pointer; 

    } 

ответ

2

Изменить Вы HTML до к вниз, как так

<input type="button" id="Text" style="float:right;" value="Text" /> 

<div id="askQuestionOverDiv" "><h1>Text</h1></div>  

Live Demo

1

Вы можете использовать дисплей: встроенный блок. А также можете попробовать float атрибут.