Vertical Line

[George]

Hi Guys,

Instead of an [hr] tag or any divider line tags, how can i create a vertical line of a particular length?

Is there styling I can add to any general settings?

Any help is much appreciated.

WP 3.9

George

[Mohammad – SUPPORT]

Hi,
You can use given below code to create line . I hope that will help you .

<div style="width:100%;height:2px;border:1px solid #eee;clear:both;"></div>

Thanks 🙂
With Best Regards
Swift Ideas

[George]

Hi Mohammed,

Thank you for the code.

It unfortunately turned out as a horizontal line.

[Kyle – SUPPORT]

Hi

You can change the [hr] to vertical by adding this to your custom css:

.horizontal-break {
  height: 45px;
  width: 4px;
}

– Kyle

[Mohammad – SUPPORT]

Hi,
you can try this one .
<div style="width:2px;height:100%;border:1px solid #eee;clear:both;"></div>
Thanks 🙂
With Best Regards
Swift Ideas

[George]

Hi Guys,

Thank you for your replies.

Mohammed, your code didn’t work unfortunately, it came back as a small horizontal dash.

Kyle, I would like to also use the [hr] code with its standard function, can you give me any code that i could add to my custom css for a new one. e.g. [vr] .vertical-break?

Many thanks.

[Kyle – SUPPORT]

You would not be able to use [vr] because that is not set up as a shortcode, you would need to use the text editor and add

<div class="vertical-break"> </div>

and add this custom css:

.vertical-break {
  height: 45px;
  margin: 20px auto 25px;
  width: 4px;
}

– Kyle