about center image in HTML Description?

How to center the image with half the screen in the

HTML Description

my code that i just use for HTML Description is

<div style="text-align: center">
<a href="https://toptechapps.gitbook.io/android-music-sound-audio-player-offline-online-ur/" target="_blank"><img src="https://camo.envatousercontent.com/a085b81168fbadcf7d68aecee32c2536979f71ce/68747470733a2f2f692e6962622e636f2f48646a563152672f737570706f72742e706e67"  align="center"></a>
<a href="https://toptechapps.desky.support/" target="_blank"><img src="https://camo.envatousercontent.com/95d48e77a235ab759d1b863fc41be9960de4d916/68747470733a2f2f692e6962622e636f2f6e7354327242632f737570706f7274312e706e67"  align="center"></a>

but the image is shown as right algin not center.

If you’re referring to center the image in the HTML description area at the item page, you need to do it via Photoshop and and set the size around 600px wide.

Hi @AbuNahed ,

Inline css will not work in item description. but you can use technique as @ki-themes mentioned. you have to make a transparent image width 614px and place your image in the middle of the 614px transparent image. ten upload the image into your hosting server then use just this code:

<img src="WEB-URL-OF-THE-IMAGE" alt="image" />

Just replace WEB-URL-OF-THE-IMAGE with your hosted image url and put the code into your product Description.


You can easily surround the image tag that contains your image src attribute within a div tag. Then what you need to do is to use CSS to position the div tag in the center. you can easily do so by setting the margin of the div to 0px like: div{margin:0px;}

the div will be positioned to the center of the screen and because the image is within the div, it will be at the center. Still don’t get it? search this man tutorials blog