How Substack (and all other online publications) will often reformat your poems away from how you've designed them. (And how they could easily fix it!)
going through this now. I've spent more time worrying about formatting than actually editing the poem. i think part of the problem is that "poetry," or at least modern published poetry continues to be a niche world (as it always has been). i primarily joined substack so i could share my poetry and make it more accessible!
A solution I’ve implemented on Opol is to indent the wrapped line.
Here is an example:
https://opol.space/@lizziehernandez/poems/783d26dd-d11f-494c-998f-5a409920726e
could you provide insight into the html code you used?
Sure! Below is the HTML for the block and the CSS (styling) that formats the poetry correctly. The key components of this are:
- Poetry is placed in a "pre" HTML block, which allows you to preserve spacing
- The CSS has setting of "white-space: pre;", which will not wrap the poetry (and preserve white space
code below:
HTML:
<div>
<pre class="poetry">
----- PLACE POETRY HERE -----
</pre>
</div>
CSS:
.poetry {
font-family: "crimson", serif; /* Inherit the font family from the blog */
font-size: 20px; /* Inherit the font size from the blog */
line-height: inherit; /* Inherit the line height from the blog */
color: inherit; /* Inherit the text color from the blog */
background: none; /* Remove background if any */
border: none; /* Remove border if any */
padding: 0;
margin: 0; /* Remove margin if any */
margin-left: 20px;
white-space: pre; /* Spaces preserved and long lines are NOT wrapped */
max-height:none;
box-shadow:none;
overflow-y: hidden;
}
Omg thank you
going through this now. I've spent more time worrying about formatting than actually editing the poem. i think part of the problem is that "poetry," or at least modern published poetry continues to be a niche world (as it always has been). i primarily joined substack so i could share my poetry and make it more accessible!