How do I center an image?

← Back to Community

How do I center an image?

Profile icon

kenzielixir

The title says it all. I can't figure out how to center the coin image.

Answered by Coder100 [earned 5 cycles]

Voters

Comments

hot new top

Profile icon

Coder100

Put it inside a div:


<div style="text-align: center;"><img></div>

In CSS?

no, this is html

oh lol here, in your case it looks like:


<div>
  <img id = "tails" src ="img/tails.png" alt="tails" height="220px" width="240px" onclick="flipCoin1()"/> 
</div>

Ohhh okay. Thanks!

np!

You can use some inline CSS


<img src="SOMETHING" style="text-align: center">
<!-- OR THIS -->
<img src="SOMETHING" style="margin-left: 10px;"

That should work.

Profile icon

kenzielixir

Thanks

@RYANTADIPARTHI

! I can't mark this as the correct answer bc I already

@Coder100

's answer as the correct one. But ty!

Profile icon

RYANTADIPARTHI

@kenzielixir

np. But you can upvote my answer. :)

OH wait a second

I think I can mark it as a best answer

@RYANTADIPARTHI

Profile icon

kenzielixir

It says I can mark it but it won't work..

Profile icon

RYANTADIPARTHI

@kenzielixir

no, i meant like beside my comments, there's some number. Just click that. :)

Oh lol. OKay

yeah np. Thanks!

please stop cycle farming

How do I center an image?

Comments

You can use some inline CSS.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}

You can use some inline CSS