Inline-block element gets cut off and/or moved to a new screen

[Horus01]

I use this code for poems; it doesn't work in ADE, but it does in Kindle. It functions similarly to the code with `width: fit-content`.

blockquote.poem {
    display: table;
    margin: 1em auto;
    padding: 0 1em;
  }

[ElMiko]

Originally Posted by icearch

To my test, margin left and right are definitely necessary. Otherwise it would snap to left. And to be sure, you need to do another blank div to enclose all of that, for good measure.

Yes, I agree that the auto L/R margins are necessary. My question was about the center class, though. I haven't observed any difference with it without it, but that doesn't mean there isn't one...

[ElMiko]

Originally Posted by Horus01

I use this code for poems; it doesn't work in ADE, but it does in Kindle. It functions similarly to the code with `width: fit-content`.

blockquote.poem {
    display: table;
    margin: 1em auto;
    padding: 0 1em;
  }

Hmmm interesting. I might want to take a little from column a and a little from column b. I take it the L/R padding is to set fixed values rather than the % Max width in RbnJrg's solution.

[JSWolf]

Originally Posted by ElMiko

Hmmm interesting. I might want to take a little from column a and a little from column b. I take it the L/R padding is to set fixed values rather than the % Max width in RbnJrg's solution.

If this could possibly be read on a nook or Kobo, do not use that CSS code.

[Turtle91]

Originally Posted by JSWolf

If this could possibly be read on a nook or Kobo, do not use that CSS code.

Are you saying that the Nook and Kobo can’t handle tables either?!??! That sounds like they are pretty useless, and don’t meet standards. It’s time to move on…

[ElMiko]

Originally Posted by JSWolf

If this could possibly be read on a nook or Kobo, do not use that CSS code.

Why not? What exactly will happen if I use RbnJrg's or Horus01 code?