css - 将按钮放在div的右侧

Question

我有一个 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;

    }

Answer 1

像这样从上到下改变你的html

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

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

现场演示

Answer 2

您可以使用display:inline-block。并且也可以试试float属性。