изображение позиции в нижнем правом углу div без абсолютного положения

Question

Я пытаюсь поместить изображение в нижнем правом углу div без использования абсолютного позиционирования. Я не хочу использовать абсолютное позиционирование, потому что перенос текста затем завершается неудачно (поскольку у меня есть float right, примененный к изображению, и я хочу, чтобы была применена обработка текста). Если я поместил изображение внутри div, я должен поместить его после закрывающего тега p, чтобы заставить его работать. Я не хочу использовать этот метод в качестве нижней части изображения, а конец текста не выравнивается внизу. любые идеи?

.bottom-right-img{position:relative;width:203px;height:277px;float:right;margin-left:15px;} 
.right-col{position:relative;width:410px;margin-top:15px;text-indent:15px;margin-right:61px;} 

https://jsfiddle.net/qoy8tz7x/1/

Answer 1

Основываясь на вашем jsfiddle, будет следующая работа? Я изменил позицию на нижний правый.

.bottom-right-img{position:bottom-right;width:203px;height:220px;float:right;margin-left:15px;} 
.right-col{position:relative;width:410px;margin-top:15px;text-indent:15px;margin-right:61px;}