Mesostics (vertical text question)

Apparently, I’ve stumped the panel – ha!

OK, maybe if I try to ask it another way:
Is there a way in which you can adjust
each line of text so that it falls in a particular
horizontal position on the page and stays that
way after you have saved your post?

???

Probably more of a CSS question – you might try googling “CSS vertical text”

Or ask on https://csscreator.com

Thanks for the suggestion.
The “vertical text” search turned up
some interesting ideas, but none of them
are working for me so far. I’m still checking
online… Maybe just finding a page that has what
I want (and that’s not a picture of an example) and
checking its source code might just be the answer.

thanks again

???

Line height and vertical align should get you where you want.

Or maybe you want to use Smashing Magazine’s example of absolute positioning & margin auto.

You may be able to use eg:

text-indent:10em;

Dont use px.

1em is equal to the current font size. 2em means 2 times the size of the current font. E.g., if an element is displayed with a font of 12 pt, then ‘2em’ is 24 pt. The ’em’ is a very useful unit in CSS, since it can adapt automatically to the font that the reader uses.

Ie 2 em will be 2 characters.

https://www.w3schools.com/cssref/pr_text_text-indent.asp

LOL I enjoyed learning about mesostic and “acrostic” – I aint a young person but had never heard of those terms before.

___When – 3em indent
_toOl – 1em indent
__pRepare – 2m indent

WordPress took out my space indents – I am trying to spell out WordPress and get all creative and stuff but you get the idea.

Let me know how that works, I am subscribing by email.

LOL I had to learn about these terms that you use so I went to wikipeida and then later I realized another way to do it is how wikipedia does it:

https://en.wikipedia.org/wiki/Mesostic

Ie you can use the same trick that they do.

Thanks. No, I’m not ready (yet) for the different font size version.
I’m just trying for the “line-up-the-letters” (“spine” or “mesoletters”) version.
Afterwards, I’ll make the mesoletters bold to distinguish them from the others.
The idea, in the end, is to demonstrate that a mesostic has certain rules and
is NOT just a spine of any ol’ letters down the middle, but in order to show
this. it would be nice to be able to line the letters up in a spine. Even the
wikipedia entry doesn’t have them lined up, so it’s a conundrum.

thanks again for the suggestions. I’m exploring them all!

???

I misunderstood what you meant, my suggestions probably are irrelevant.

Hey,

How about a table with one letter per cell?
The table could be invisible of course so all you see is the letters…..

The closest I’ve come is to using “pre” tags (pre-formatted).
When I click over to “Visual”, it looks just fine, but it’s lost
when you preview it. Something to do with the text-style I’m guessing.

How about a table with one letter per cell?

Could be? I’ll try that in the morning.

thanks!

There are plugins that allow you to creat tables.

The advantage of a table is that you can put one letter per cell.

This garantees that letters will always be aligned vertically.

Yes, I’ve been experimenting with “Easy Table.”
Getting each cell down to a very small size is
the tricky thing for now. I’m sure I’ll figure it out
(having never worked with tables before).

???

Ok I am glad you are exploring it.

With css you should be able to control the padding and margin of cells, to reduce their size and spacing.