¿Cómo alineamos la imagen a la izq o derecha?

Este es el código que usamos para insertar una imagen

<p style="text-align: center;"><img src="/static/course_banner.png" 
alt="open-edx" width="100%" margin-left:="" 
auto="" margin-right:="" class="center" /></p>

Para alinearla a la derecha debemos insertar

<p style="float: right;">
   <img src="/static/course_banner.png" alt="" width="100%" margin-right:="" auto="" margin-right:="" class="center" />
</p>

Para alinearla a la izquierda debemos insertar

<p style="float: left">
    <img src="/static/course_banner.png" alt="" width="100%" margin-left:="" auto="" margin-right:="" class="center" />
</p>