Vertical align two lines of text with image bootstrap 3

Vote count:

0

I am trying to vertically align two lines of text and an image in Bootstrap 3. The image is always going to be the same size. When I add a <br> tag between the lines where I want the break to occur, it moves the second line down below the image.

See demo here

<div class="col-xs-12 col-md-6">
  <img style="vertical-align:middle; max-height:100px;" src="http://ift.tt/1oSdMR3">
  <span class="bold">Product Name</span>
  <button name="remove" value="1" type="submit" class="font-tiny btn-link">Remove</button>

  <br> <!--this is where I would like to create line break-->
  <span class="small text-light">From "Company Name"</span> 

</div>

Does anyone know how to do this? I have come across other questions that appear related but not for bootstrap 3. Thanks

asked 2 mins ago

Dan

341