الگو:RunningHeader/styles.css

/*
 * Base style for [[الگو:سرصفحه‌مستمر]] -- RTL version for Persian Wikisource
 *
 * Layout uses flexbox with direction:rtl, so cell order in the HTML is
 * unchanged (the first cell is still built first) but the browser lays
 * them out right to left: first cell ("right") -> right side, last cell
 * ("left") -> left side. text-align:start/end is used instead of
 * left/right so alignment stays correct even if this ever ends up
 * rendered in a different direction context.
 */

.wst-rh {
	display:flex;
	width:100%;
	direction:rtl;
	text-align:center;
	justify-content:space-between;
}
.wst-rh > div {
	flex:auto;
}
.wst-rh > div:first-of-type {
	/* the "right" cell */
	text-align:start;
}
.wst-rh > div:last-of-type {
	/* the "left" cell */
	text-align:end;
}
.wst-rh > div > p {
	margin:0;
}
.wst-rh > div > *:first-child {
	/* zero out the top margin of whatever's first in a cell (not just <p>),
	   so no extra gap appears above the header */
	margin-top:0;
}
.wst-rh > div > *:last-child {
	margin-bottom:0;
}

/* four cells: right + right-middle lean right, left-middle + left lean
   left -- matches the old table-based template's right/right/left/left
   columns. With 4 cells there's no true middle, just a right-hand pair
   and a left-hand pair. */

.wst-rh-right,
.wst-rh-right-middle {
	text-align:start;
}
.wst-rh-left,
.wst-rh-left-middle {
	text-align:end;
}

/* single cell */

.wst-rh.wst-rh-1 {
	justify-content:center;
}
.wst-rh.wst-rh-1 > div:first-of-type {
	text-align:center;
}