Center an Image in a Div

You can center an image in a div the same way you center text or images with the equals sign :

= centered text

centered text

= [[image en:center-an-image-in-a-div/an-image.jpg]]

an-image.jpg

[[div style="width:300px;border:1px solid #000;"]]
= [[image en:center-an-image-in-a-div/an-image.jpg]]
[[/div]]

an-image.jpg

[[<image an-image.jpg]]

an-image.jpg


.."< " : left ……..

[[=image an-image.jpg]]

an-image.jpg

…"=" : center ….

[[>image an-image.jpg]]

an-image.jpg

OR:

[[Div style="text-align: right;"]]
[[image an-image.jpg]]
…."> " : right ….
[[/div]]

an-image.jpg
…."> " : right …..

Bookmark and Share

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License