How I Format Poetry with inline CSS

Poetry looks beautiful in books, but how does it fare on websites?

To date, we haven’t found a sensible way to format poetry online. What do we do when our verses are so long that they spill over to the next line? How do we visually cue the reader that the continuation is part of the same verse and not a new one? We solve this by indenting the overflow to the right. That’s what’s called hanging indent. Read https://epubsecrets.com/well-hung-poetry-ebooks-and-indents-part-one.php for additional context.

General guidelines suggest using the <p>
tag for paragraphs and the <br> tag to break the paragraph into verses when formatting poetry with CSS. However, here I use the <span> tag for verse separation instead of the <br> as it provides more freedom to style the verses.

For the desired effect, I use three CSS properties: ‘padding-left’ and ‘text-indent’ for the <p> tag and ‘margin-left’ for the <span> tag. Here, I apply 3em of space.

The ‘padding-left’ property sets the space between the content and the left border, while the ‘text-indent’ specifies the indentation of the first line in a text-block. I then use the ‘margin-left’ to indent the other lines of the text-block.

To illustrate how the css code would look:

<h2>So you sit to write</h2>

<p style=”padding-left: 3em; text-indent: -3em;”>You are well versed on how this single verse works
<span style=”margin-left: -3em;”>An added verse and that’s a whole nother story</span>
<span style=”margin-left: -3em;”>These ‘oneliners’ need to talk to each other</span>
<span style=”margin-left: -3em;”>At times they just need to listen to themselves</span></p>

This produces the following output:

So you sit to write

You are well versed on how this single verse works
An added verse and that’s a whole nother story
These ‘oneliners’ need to talk to each other
At times they just need to listen to themselves

I recommend reading this in a browser (that’s where you should read this blog) to see how it works, and avoid using the Jetpack app reader. Otherwise, my verses might lose impact because I vary the way I structure them, and you might miss the clear separation scheme I intended for a particular poem. Sometimes, they might even look messy due to the app’s built-in styling choices.

If you’re on a mobile device, I suggest you try portrait and landscape page orientation to see how it affects the reading experience. As long as you read in a browser, it should look fine both ways.

I’d love to hear your thoughts on how poetry formatting works best for you online. Your feedback is invaluable in refining these approaches and making poetry more accessible and engaging in the digital realm.

Feel free to leave a comment and join the conversation!

A Words’ World

I’ve updated the anthology to include this new poem.

There lived an okay poet, a man of his word.

No one lived happily ever after.
Before them, an okay life — stretched out.
Like poet, like audience.

The okay poet said, “it’s okay to be sad.”

I wouldn’t go that far as to go gentle into the night.
Far be it from me to run away from the set of conditions.
Yet I wouldn’t be caught between a rock and a hard place.

Isn’t it okay to be great?
The Words’ Word shapeshifts before these words.

Open Letter to an Introvert Poet

Hey, wanna talk?
You’re not all about the prose, all smiles, I get it.
You may tell me your p – o – – e m s.

Let me fix you a coffee.
Hmm, I should’ve offered it sooner.
Like, this strophe’s opening verse
belongs in the second line, first strophe, right?
You do this poetry thing so well,
I didn’t even know where to start.
Coffee is your cup of tea; mine too.
Remember that poem you wrote about it?
By the way, you’ve written a lot.

Tell me your p – o – – e m s.
State your dilemmas.
I don’t wanna force a friendship,
I just wanna reach you out.
This may be the only way.

Those latest verses… Are you in pain?
Was that your lyrical or physical self?
Were they a cry for help?

Talking’s tough, I get it.
You can write to me instead.
Sure, I’ll pay more attention to your next verses.

You’ve decided to talk. That’s great.
Could we talk in private?

Anthology Reveries that I call Poetry | by T!el Fajardo

Buy me a Coffee~


Since I have some time now, I’ve put together this anthology for you all. If you think my effort is worth it and the quality is good, feel free to buy me a coffee,  there’s a button at the end too. Feel free to share this post and comment too.

I’ve also added a few extra poems that you might not have seen before.

How This Works

I’m testing an intricate idea here. This post is a single post with a collection of poems separated by pages (you might see page breaks depending on where you are reading this), with chapters and titles organized by the appropriate headings (no hyperlinks). Call it my postfolio; it’s a post analogous to a book.


Introduction

Welcome to a journey through language, writing, and the metatextual world of poetry. We’ll explore how language can be both a creative tool and a barrier. From the playful frustration of crumpled drafts to the powerful imagery of ink and blood, these verses challenge traditional forms, blending free verse with deliberate constraints.

The author

The Power of Inspiration: Acting as a Catalyst and a Conduit through Writing

What positive emotion do you feel most often?

Inspiration.

How powerful is an emotion when you want others to feel it as deeply as you do?


Write to inspire… to write to inspire.

Exploring the Challenges of a Nonet to Summarize the Challenges of Poetry in General

As poets or creative writers in general, we often embrace constrained writing, with its self-imposed limits. While writing freedom is cherished (even considered paramount), constraints can spark creativity, whereas absolute freedom, without a critical intuition for what makes good writing—especially in poetry—can have the opposite effect.

To explore constrained writing, poets have developed various forms, like the nonet. Some forms are more justified than others (well-accepted by poets and readers of poetry), as certain structures may become too rigid, potentially suffocating emotion and meaning.

While constrained poetry often focuses on syllable count, word count can be an equally intriguing challenge. My poem ‘Ink Over Blood,’ the first I wrote seriously in English, plays with this concept. Here I transcribe it, but please follow the link and read it in its original post:

Ink Over Blood

Rain down the reign
Wash away royal blood
The old king’s dead
Long live, new king
Provided the kingdom remains

Gold rule, dark days,
Poet lies, folk sway.
Word wars, fake lore,
King dead, none lead.

See, these four-word verses
Like the four-letter words
Picture a wicked world;
Curse all the kings
For the poet’s takeover.
[The poet takes over.]

This poem remains a personal favorite of mine, as it represents a significant moment in my writing journey. But let’s return to the main point: demonstrating the challenges of constrained poetry, specifically the nonet—a form that, while deceptively simple, presents significant challenges.
This form highlights the tension between freedom and restraint, and I take avantage of the opportunity to raise a question about what truly makes good poetry. Is poetry, and creativity at large, ever truly free from constraints?

Hear me out, ‘mnot saying it out loud
I’d rather whisper it to you
It’s not a word for this crowd
Pack it up everyone
Go and have some fun
Oh, you’re still here
Expecting
Something
Big?

Some might see this arrangement as clever—I would not call it a solid poem—, but it’s important to acknowledge the difficulties presented by the form and this piece’s deficiencies. The nonet’s rigid structure often forces compromises, like breaking sentences unnaturally, especially if you’re unfamiliar with words (as concepts) that are succint and yet have multiple layers of meaning.

One thing I avoid is overly relying on enjambment and slicing up sentences just to fit a form, especially if it dilutes the message or meaning. I’ve seen the extreme of taking a particular common saying or any line of thought not inventive enough, slicing it into three or four verses and calling it a poem. More power to anyone who wants to venture into poetry, and make it more accessible as everyone starts somewhere—but let’s not level down what is [good] poetry.

The final four lines—’Oh, you’re still here / Expecting / Something / Big?’—only work in some way because the earlier lines establish a complete thought in a single verse, but it’s only natural to accomplish that more easily with more syllables or words (becoming significantly difficult as we limit the syllable count). Capitalizing the first letter of each verse also helps them stand alone, masking the form’s constraints and the challenges they present.

While poetry can at times thrive on the principle of ‘less is more,’ it’s crucial to find a balance. Overly constrained forms can limit expression just as much as excessive freedom can dilute meaning. The challenge is to navigate these extremes to create poetry that resonates.

cup of coffee gif

Let me hear your thoughts.

Would you buy me a coffee?

Enjoying what you’ve read so far? :) I’ve set up a Buy Me a Coffee campaign on Ko-fi so you can support my work  if you’d like.

While we can’t meet in person in a cozy café to chat about poetry, prose, and other literary delights, this is my virtual way of extending this sentiment. Online can be less akward, you might say.

You can always share your love and feedback in the comments, or e-mail me at infornografo@gmail.com.

Your support helps me continue sharing my passion, powered by coffee~, with you.

Here’s a button for styling purposes. You’ll be redirected to ko-fi for a one-time coffee.

Buy me a Coffee~


sending virtual hug gif

The Poetic Because

What is a word you feel that too many people use?

The word is what I call “the poetic for”, because… Nah, I don’t know what for. Ba dum tss.

I haven’t read a modern or contemporary poem with the word “because” (a subordinating conjunction) in quite a while. Instead, the somewhat dated “for” (meaning because) doesn’t go out of style, be it for the sake of prosody, the old-fashioned feel, a play on words… the use cases are many, and the word “for” is very versatile as it stands. That said, I don’t condemn the modern or contemporary poet for abusing the word “for” in literary-creative contexts — but I miss “the poetic because”. We might start building its way.


I might use the word “for” in the described context, even in prose, but for a parodic effect (sometimes a deliberate “formal feel”).

Two Feet Per Centisecond

Continuing the series of posts of translated poems. You can see the first of the series below:

First of the Series: Translating my Portuguese Poems

Unlike before, I wrote this poem moments earlier today in Portuguese (inspiration can strike in any language, even as I focus on English) and immediately wanted to adapt it to English. Older portuguese poems will soon follow. I’m focusing now on new works.


Two Feet Per Centisecond

In one second, it all falls down
Only then does it start to rise
Falling happens much faster
Inertia is only natural
Rising up requires intention
A freefall is something else
You wanted to board that plane
To skydive
To get your feet back on the ground


The original:

Dois Pés Por Centissegundo

Um segundo e tudo cai
Só começa a se reerguer
Cair é bem mais rápido
Inércia é natural
Levantar requer intenção
Queda livre é diferente
Você quis pegar aquele avião
Saltar de paraquedas
Voltar os pés ao chão


Stay Tuned for the Next posts.

Done Right?

“Did I read that right?
Is it what you had written,
or echoes of my mind?”

It’s that what I did write.
For writers don’t just inscribe on paper;
they engrave words into minds,
only if (if only?) they are strong-willed.

“But, writer (lucky bastard!),
your persona warrants your safety
while your words break people’s heart.”