On Tuesday, April 19, 2016 at 6:44:57 AM UTC-7, [email protected] wrote:
>
> i've been searching through the archives here but I can't find a simple
> way to centre an image -- I'm creating documentation/SOPs and just want a
> screenshot to be aligned in the centre rather than the default Left.
>
using pure HTML:
<div style="text-align:center;">[img[...]]</div>
using wikitext inline CSS:
@@display:block;text-align:center;[img[...]]@@
using a CSS rule in a tiddler tagged with $:/tags/Stylesheet:
.center { display:block; text-align:center; }
and then write:
@@.center [img[...]]@@
Note that "display:block" is required for centering to work, otherwise the
left/right extents of the containing element fit the content (i.e., match
the image dimensions) and there will be no extra whitespace to center the
image within.
enjoy,
-e
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/78881f77-7e79-4db2-863e-4904ccd74602%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
