Can Connector Lines Be Styled with CSS?


Am I barking up the wrong tree?

In the screenshot, I want to draw lines connecting the boxes on each row to indicate the order in which the boxes should be read and lines out the bottoms of the boxes in the righthand column to direct attention back to the first column in rows beneath. I’ve seen any number of web pages with flow lines styled in them but I cannot even figure out how to compose a search to look for information. Can anyone help me with the right vocabulary? Or, tell me if it’s not possible.

Using the Inspect tool on pages I’ve seen with such flow lines, I’ve found that the layouts were done in images and not with CSS style tags.

I realize that this might clutter the design unnecessarily, but I want to a) learn how (if it’s possible) an b) experiment with the design.

Hi @ahraitch

For a quick fix you could use the hr element.
Set the display property to inline-block

Happy coding

1 Like