How to right align an image

[Robertsantare]

i use this to center an image

“$el {
width: 100%;
}
$el img {
display: block;
margin: auto;
}”

What do I use to right align the image??

[Prasant]

Hello @Robertsantare,

Thanks for asking.

You can use CSS float property to position image to the right side on screen canvas. You can add following CSS in Element CSS:

$el {
float: right;
}

However, please note that once you use Float property the next element will wrap around image element. To fix that you need to use CSS Clear property. Here is the CSS that you can take a look:

$el{
  clear: right;
}

To learn more about float and clear property, please refer following resources:

https://www.w3schools.com/css/css_float.asp

To help you get started, I have recorded a screencast. Please take a look.

Thanks.