html - Make link wrap to avoid overflowing into other elements -

html - Make link wrap to avoid overflowing into other elements -

i want format link wraps sec line , delete stays vertically centered in well, rather delete dropping downwards out of way, in fiddle below. nil have tried far has worked, i'm admittedly pretty poor css.

code:

<div id="listing_10" class="well"> <a href="#">words words words words words words words words words words words</a> <span class="pull-right"> <a style="text-decoration: none" class="delete_listing" href="#"> <i class="fa fa-lg fa-times-circle danger"></i><strong class="danger" style="vertical-align: middle"> delete</strong> </a> </span> </div>

here's jfiddle http://jsfiddle.net/ohbnkok8/4/

note:

the text of link @ 50 characters.

are looking this???

add few css

a {display: inline-block; max-width: 80px; vertical-align: middle;}

html css