Jump to content
View in the app

A better way to browse. Learn more.

FMForums.com

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How to add a vertical rule to separate two columns?

Featured Replies

Is there a trick or "undocumented feature" to inserting a vertical, hairline rule to visually separate two columns on a page? I'd like it to run the length of the Body section. (Note: the body consists of a list of items, not one big text field.

TIA for your help!

Rich

You description is a bit anaemic in the context and purpose dept... to be honest are there with the present description near endless permutations to make a choise from?

--sd

The two I think of are:

1. Add a border to the right (or left) of each field, and make sure that the height of the field is just about the height of the body part.

2. Draw a vertical line. I think it has to slightly overlap into the footer.

  • Author

Sorry for the lack of information, Søren: please see the attached; I 'Photoshopped' a vertical rule in the After.jpg file.

Before.jpg

After.jpg

Try making the width of the column a pixel or two wider than what will fit on a page - then place a vertical line at the right edge of the body part.

Create an account or sign in to comment

Important Information

By using this site, you agree to our Terms of Use.

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.