Eu sei o que é alinhamento central e center-block no bootstrap, mas gostaria de saber como alinho uma imagem a direita de uma div? Não estou conseguindo coloca a imagem do telefone do lado do número, tenho que deixar os dois números no centro da página.
Vou colocar o código para entenderem melhor:
footer{ margin-top:20px;}
.telefone{ width:45%; float:left; margin-right:10%;}
.telefone img{ float:right; }
.telefone p{font-family: 'Oxygen', sans-serif; font-size:1.5em; font-stretch:normal; font-weight:bold; padding:5px; float:right;}
.whatsapp{ width:45%; float:left;}
.whatsapp img{ float:left; margin-right:10px;}
.whatsapp p{font-family: 'Oxygen', sans-serif; font-size:1.5em; font-stretch:normal; font-weight:bold; padding:5px;}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<footer class="container">
<div class="row">
<div class="col-sm-12">
<address>
<div class="telefone text-right">
<img src="imagens/telefone.png" class="img-responsive" />
<p>(85) 8743.1561</p>
</div>
<div class="whatsapp">
<img src="imagens/whatsapp.png" class="img-responsive" />
<p>(85) 8118-9716</p>
</div>
<div style="clear:both"></div>
<div>Av. Major Assis, 2315 - Vila Velha - Fortaleza - Ceará</div>
</address>
<address>
<strong>Full Name</strong><br>
<div class="glyphicon glyphicon-envelope"></div><a href="mailto:#">first.last@example.com</a>
</address>
</div>
</div>
</footer>