Как разместить картинку(или текст) по нижнему краю блока(float)?
Есть два варианта:
1) Cделать через фон. Тогда background-position: 100% 100%;
2) Сделать вот такую структуру с кодом:<style>
div.table {
width: 100px;
height: 50px;
display: table;
}
div.logo {
width: 100%;
height: 100%;
display: table-cell;
text-align: right;
vertical-align: bottom;
}
</style>
<div class="table">
  <div class="logo"><img/></div>
</div>
3) display: flex;
Выбросьте float на помойку, используйте display: flex, или абсолютно позиционированный блок внутри относительно позиционированного если совсем никак.