Vertical line between images

[Steve Iribarne]

Confluence page with a simple layout.  

I want to have two images separated by a vertical line (think grey line).

I thought there would be a vertical line macro but I couldn't find it.

Thanks. 

-stv

[Stephen Sifers · Accepted solution]

Hello Steve and welcome to the Community,

What you’re looking for is called “Divider”, selecting this will present a page divider. Screenshot below:

The old term for this was called a “horizontal line” within Confluence server:

Horizontal Rule

To create a horizontal line across the width of your page or content block, type four dashes (like this: ----) at the beginning of a line, then press Enter or space.

Make sure that the dashes are on a separate line from the rest of the text.

 

Source document: Confluence Wiki Markup

If you’re not seeing the horizontal rule, please provide a screenshot as to what you’re seeing.

Regards,
Stephen Sifers

[Massimo Carro]

Hi,

the question is for vertical line...

[Joe Cotton]

Seriously - why is this the accepted answer?

[Ani Jamadagni]

I have been looking for this for a while now and i was excited to see that there is an accepted answer, but unfortunately this is not correct. Even the word vertical is not used in the answer once. 

This is a very basic feature and given that we have a horizontal divider, it should be fairly straightforward to have a vertical divider as well. Please implement this  feature as my documents always have multiple sections and without a proper divider they are quite confusing to read and very messy to look at.

[VJ]

Alternatively, you can also use HTML macro as below:

1. Insert HTML macro

2. Inside the HTML macro box, add the below details and then click Save.

<hr style="width:200px; transform:rotate(90deg);">

[VJ]

Hi,

I was looking for vertical line and this worked find for me if you are using Confluence Server.

1. Insert a Div macro

2. Click Edit and in the Style field enter the below details:

     width: 0px; height: 300px; float: left; border-radius: 2px;border: 1px inset;

3. Click Save