I need to simulate a table in that several lines are indented as the first one of the block. I thought I solved it using
inline-block, yet
when one of the lines is longer that needs to be split onto two display lines, the alignement disappears.
See the following image:
The coloured borders are there to help identify the blocks as they are.
The code uses
inline-block and
clear as properties for the blocks. I tried every combination possible with
p,
div and
span, and the image was taken using a
span inside a
p. I don't wanna use
float.
I also don't want to use a
table since I only have 3 or 4 cases where I need this arrangement but hundreds of references.