CSS отображает заголовок и кнопку в одной строке ⇐ Jquery

[Гость]

Я видел несколько других тем, посвященных этой проблеме, но ни одна из них не помогла решить мою проблему. У меня есть текст заголовка и кнопка, и я хочу отображать их в одной строке.
HTML:

Код: Выделить всё

Title
Button

CSS:

Код: Выделить всё

.header {
display: inline-block;
float: left;
}

Now I'm using basically the same code later in my page except with

Код: Выделить всё

's

and it works perfectly fine. I thought that since I'm using

Код: Выделить всё

jQuery Mobile

maybe the styling is being overridden by that but even if I remove the

Код: Выделить всё

ui

classes the result is the same. Likewise, if I try to set a static width to both the header and the button I get the same result. Any help would be appreciated!
jsfiddle:
http://jsfiddle.net/p9jf60yc/


Источник: https://stackoverflow.com/questions/282 ... -same-line