How does one achieve drop-left or drop-right image position?
Generally, I'll have a div that picks up on the position's value. 

For example: 

&lt;div class="image-{{ entry.myPositionHandle }}"&gt;
    &lt;img src="my-image.jpg"&gt;
&lt;/div&gt;


That renders something like:

&lt;div class="image-left"&gt;
    &lt;img src="my-image.jpg"&gt;
&lt;/div&gt;


Then I'll have a css rule like this:

.image-left img {
    float:left;
}


It's also important to note where you place this element in relation to your text. You many need to put the image call before or after your text.