[TW5] How do I center an image?

[charleyc...@gmail.com]

I'm trying to bring an image to the middle of a toddler. I'm using the format [img[http://image hosting.com/image.png]].

How do I accomplish this?

[Mark S.]

I imagine by morning someone will give you a good answer, but this seems to work. The image link allows you to insert a class, and you can use html to create classes on the fly. So you can have

<style>
.centerme {
  display: block;
  margin-left: auto;
  margin-right: auto }
}
</style>

[img class="centerme" [http://image hosting.com/image.png]]

If you want to reuse the class for many images,  then you would put the class description into it's own tiddler and tag it $:/tags/Stylesheet

HTH
Mark

[PMario]

Hi
You may have a look here: https://groups.google.com/d/msg/tiddlywiki/Fbeo5zYZJp4/atBd8-D4AwAJ I did link a json file to the post, that you can drag & drop import. It contains a macro, that lets you float text around and image, or center it.

have fun!
mario

[Mat]

@charlyc..

If it is just horizontal centering you want, then it should be enough to do this

<center>your image</center>

<:-)