For Flare 11, although I *suspect* this isn't a version-specific problem(?) If it is, then I may finally get 'round to upgrading...
Q: I can use CSS to horizontally center an image in a DIV in online outputs, but can't make the same CSS work in my print CSS medium.
As described "everywhere", the CSS used to center an image is as follows:
Code: Select all
img.centered
{
display: block;
margin-left: auto;
margin-right: auto;
border: solid 2px purple;
width: 4in;
height: auto;
}LOTS of CSS resources explain that the "trick" to centering something horizontally is the margin: auto; bit combined with display:block; for IMGs plus a width specification.
- In an HTML5 medium, applying the centered CSS class centers the image in the output (but NOT the XML editor). (I use a different colored border to ensure I'm in the correct part of the CSS...)
- In a print/PDF medium, the same class -- even if instantiated separately in the @media print section -- does NOT center the image, ever.
Is this another of those situations? Asked another way, are other Flare users centering IMGs with the CSS given above? Or?
Cheers & thanks for your help,
Riley
SFO