This is an attempt to put a vertical bar to the left of something in html5.
The text is rather longwinded and rambling to make it long enough that it should overflow in most windows,
at any legible font size.
This can be very useful if you want to set something off from its surroundings.
This is some more text that should be indented with a verdical bar to its left.
It should be long enough that it should overflow in (almost) any windows,
at any legible font size.
How does this outer paragraph of text look look in your current window?
The vertical bar is should extend only partially through the blank spaces
between the blocks of text, controlled by the "margin" and "padding" attributes.
The "width" attribute is used to change the right margin of this text block.
How does the text layout change if you resize the window?
This sentence is after the text that should have the vertical bar at left.
If the above doesn't work sensibly on your screen,
you might
send me a message
describing the problem, and also what browser you're using,
and which kind of computer system you have.
I've also cloned this test page to
make a nested paragraph with a second level of indentation.
You're welcome to copy this test document and play around with it,
to learn how to control this stuff with CSS.