html - How to make a div and a link inline? -

i want div , a elementes below appear inline:

the result should like:

here is: link 1

but didn't work. appreciate hints.

.inline {    float: right;    display: block;  }  a.inline {    float: right;  }

<ul>    <li>      <div class="inline">here is:</div>      <a href="/someurl" class="inline">link 1</a>    </li>  </ul>

p.s. i'm using twitter bootstrap css framework

remove a.inline styling , change css this:

.inline {   display: inline-block; }

WIKI