Centering images on code,org

When i putting a pic on weblab, how i can i center it ?


There are a few ways. The easiest is centering the container containing the image.

Here’s a link to an example where I put the image (and a paragraph) inside a div and then used a css statement (text-align: center;) to center the div.

Centered Image

The other ways involve using some advanced layout techniques like grid or flexbox layout or by adjusting margins.

On a simple site, the example above is probably the easiest to implement.


1 Like