MobileRead Forums - View Single Post

Jellby · 03-11-2021, 11:19 AM

Code:

figure {
    page-break-after:always;
    text-align: center;
}

means that the content of the <figure> block is centered, not that the block itself is centered in the outer container. For that you need to either:

(a) put the the <figure> inside another container, say a <div>, that is width:100% and text-align:center; or
(b) give side margins to the <figure> such that it appears centered, like margin:0 auto, or margin:0 17.5% (for figure.tall)

03-11-2021, 11:19 AM	#2
Jellby frumious Bandersnatch Posts: 7,554 Karma: 19500001 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	Code: figure { page-break-after:always; text-align: center; } means that the content of the <figure> block is centered, not that the block itself is centered in the outer container. For that you need to either: (a) put the the <figure> inside another container, say a <div>, that is width:100% and text-align:center; or (b) give side margins to the <figure> such that it appears centered, like margin:0 auto, or margin:0 17.5% (for figure.tall)