Align particular div

shifty_uk · 21 Mar 2011 at 00:50

Howdy,

Just a quickie, hopefully. I'm trying to centre align solely the images on my Tumblr blog posts but I can't seem to configure the CSS to allow it. I'm not sure if it's a float issue or whatnot.

Blog here: http://ryanfindlay.tumblr.com/

As you can tell, it's not my theme but I've managed to configure it accordingly so far. The only issue I'm having is finding an appropriate point to insert a centre alignment for the post images.

There's a bit too much CSS to post but if it's easier I can post below.

Thanks in advance!

FabienO · 21 Mar 2011 at 01:28

Centering images can be kind of annoying. Simple ways to do it are...

<center><img></center>

or <p class="align_center"><img></p> and then css .align_center { text-align: center; }

Dunno if those are possible for you.

pieplough · 21 Mar 2011 at 07:19

Try something like

.post img {
margin-right:auto;
margin-left:auto;
}

shifty_uk · 21 Mar 2011 at 23:34

Can't get either of those suggestions to work, unfortunately. Thanks anyway! The <center> encasing was my first port of call initially.

GravyMonster · 21 Mar 2011 at 23:51

Try this:

Code:

.post img {
  display: block;
  margin: 0 auto;
}

shifty_uk · 22 Mar 2011 at 00:16

Worked a treat dude, thank you