css3 - How to align html div elements horizontaly in popover bootstrap? -

i using bootstrap 3. want align 2 div elements horizontaly in popover dont know exact class apply style setting property display: inline-block;. idea how can achieve ? tried wrapping them div , setting property inline-block parent div did not work.

$('#tag-input').popover({             container: 'body',             trigger: "manual",             html: "true",             animation: true,             content: "<div>first row</div><div>second row</div>"         }); 

just wrap 2 divs in div class="row". can add class="col-xs-6" each of them, each take 50% width of popover.

demo here

$('#tag-input').popover({     container: 'body',     trigger: "hover",     position: "bottom",     html: "true",     animation: true,     content: "<div class='row'><div class='col-xs-6'>first row</div><div class='col-xs-6'>second row</div></div>" });