Answer 1

check this one read the article i included in my previous answer
https://code.sololearn.com/WgFX2P2vF6eS/?ref=app

Answer 2

@Tams
you need to use CSS for positioning images. the picture may not matter much in itself.

Answer 3

update: check this website it gives simple ways to center elements using css
https://www.thoughtco.com/center-images-with-css-3466389

check my code using flexbox

note: need to know flexbox for this.

https://code.sololearn.com/WziX0fcfZqfe/?ref=app

Answer 4

@Tams
referring to me?
what didn't work exactly though?

Answer 5

@Sam
your method works when you remove left, right.
check the code i tried that method

Answer 6

<img src="pic.jpg" style="position:absolute; left:50%;"> there us more to it and many other ways to get it done but this may help

Answer 7

memory bad on this sorry....but the css by Lord is what I was trying to remember and it works

Answer 8

for inline styling ... <img style="display:block; margin-left:auto; margin-right:auto " src="https://images.duckduckgo.com/iu/?u=https%3A%2F%2Ftse2.mm.bing.net%2Fth%3Fid%3DOIP.lXr2G1w-QlFDCDTTgJIzEAEsC7%26pid%3D15.1&f=1" height="150px" width="150px" border="1px" alt="some pic"/>

Answer 9

my memory is not perfect on this but....you need to move the pic to center using left or margin-left .....if you page is a fixed width like 1000px then you would use, if I remember correctly, left to the edge of the begining of your pic....so if pic is 200px wide you would use left:400px and right:400px making the total px width 1000 in this case....can't remember well so it might be margin-left etc

Answer 10

sometimes putting the pic in a div first is needed and then style div

Answer 11

if it works and you need it to apply to different screen sizes then use @media in css

Answer 12

<div style="position:relative; left:30%; right:70%"><img class="p" src="boxcake.jpg" height="150px" width="150px" border="1px" alt="some pic"/></div>