html - How to get two h4 tags on the same line? -

html - How to get two h4 tags on the same line? -

i'd 2 <h4> tags on same row in bootstrap can't work.

i'd have 1 <h4> aligned left side, , 1 right side.

i've tried floating left , floating right no avail.

http://jsfiddle.net/v8ufbbdl/2/

<div class="container"> <div class="row"> <div class="coolcontainer"> <h1>bootstrap jsfiddle skeleton</h1> <h1>bootstrap jsfiddle skeleton</h1> </div> </div> </div>

css

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } .coolcontainer { border: 3px solid #bbb; }

.coolcontainer h1:first-of-type { float: left; } .coolcontainer h1:last-of-type { float: right; }

this works. floats first 1 left , sec 1 right. http://jsfiddle.net/x8eszw59/

edit

er, guess you'd have alter "h4" instead of "h1", idea. going off "h1"'s have in code.

also

it seems missing column div's within of row. example:

<div class="row"> <div class="col-md-8">.col-md-8</div> <div class="col-md-4">.col-md-4</div> </div>

if wanted utilize bootstrap, create 2 columns of 6, , set 1 header tag in 1 , other in second.

http://getbootstrap.com/

html css twitter-bootstrap