CSS Paged Media Modules defines default values of text-alignment for Page-Margin Boxes as follows:

Source: https://www.w3.org/TR/css3-page/#margin-text-alignment

For the moment, there are not the default values in pagedjs

HTML: margin-boxes-default-text-alignment.html

Result: margin-boxes-default-text-alignment-wrong.pdf

The result we should get: margin-boxes-default-text-alignment-correct.pdf

They can be implemented in pagedjs as follows:

.pagedjs_margin-content{ width: 100%; }

.pagedjs_page .pagedjs_margin-top-left > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-top-right-corner > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-bottom-left > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-bottom-right-corner > .pagedjs_margin-content { text-align: left; }

.pagedjs_page .pagedjs_margin-top-left-corner > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-top-right > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-bottom-left-corner > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-bottom-right > .pagedjs_margin-content { text-align: right; }

.pagedjs_page .pagedjs_margin-top-center > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-bottom-center > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-left-top > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-left-middle > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-left-bottom > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-right-top > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-right-middle > .pagedjs_margin-content,
.pagedjs_page .pagedjs_margin-right-bottom > .pagedjs_margin-content { text-align: center; }

.pagedjs_margin-top > div { align-items: center!important; }
.pagedjs_margin-bottom > div { align-items: center!important; }

.pagedjs_margin-left-top,
.pagedjs_margin-right-top { align-items: flex-start!important; }

.pagedjs_margin-left-middle,
.pagedjs_margin-right-middle { align-items: center!important; }

.pagedjs_margin-left-bottom,
.pagedjs_margin-right-bottom { align-items: flex-end!important; }

HTML working: margin-boxes-default-text-alignment-working.html

Note: for the implementation, issue #48 (adding .pagedjs_margin-content{ width: 100%; }) must be resolved