Title: HTML Code to insert vertical divider
Last modified: August 21, 2016

---

# HTML Code to insert vertical divider

 *  Resolved [tiasvirtualoffice](https://wordpress.org/support/users/tiasvirtualoffice/)
 * (@tiasvirtualoffice)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/html-code-to-insert-vertical-divider/)
 * Can I use a HTML Code to insert vertical divider on my front/home page in WordPress
   Twenty-Twelve child theme. I’d like on like this: [http://www.clintonfoundation.org/](http://www.clintonfoundation.org/)–
   on the left side of the “blog” sidebar/widget separating the two columns. Any
   info would be great, thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/html-code-to-insert-vertical-divider/#post-3665940)
 * Vertical lines are typically borders set in the CSS for elements.
 * But there is no way to help more specifically without a link to your site (assuming
   that is not your site).
 *  Thread Starter [tiasvirtualoffice](https://wordpress.org/support/users/tiasvirtualoffice/)
 * (@tiasvirtualoffice)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/html-code-to-insert-vertical-divider/#post-3666085)
 * My site is: [http://www.bodhicare.net/wp/](http://www.bodhicare.net/wp/)
 * I need that line in between the bottom columns. Any ideas?
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/html-code-to-insert-vertical-divider/#post-3666086)
 * First, you should be using a valid child theme — your style.css file should only
   contain changes to the parent CSS. I’d strongly suggest you go back and redo 
   that child theme.
 * Once you have that corrected, add this CSS:
 *     ```
       @media screen and (min-width: 960px) {
       #secondary {
          border-left: 1px solid black;
          padding-left: 25px;
       }
       }
       ```
   
 *  Thread Starter [tiasvirtualoffice](https://wordpress.org/support/users/tiasvirtualoffice/)
 * (@tiasvirtualoffice)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/html-code-to-insert-vertical-divider/#post-3666196)
 * I was able to figure out the vertical line, why is my child theme not valid? 
   Can you please explain, I would love to know how to make it valid. Thanks.
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/html-code-to-insert-vertical-divider/#post-3666197)
 * You copied the entire style.css file to the child theme – that’s not the same
   as using the [@import](https://wordpress.org/support/users/import/) line and 
   only adding changes to the child theme style.css file.
 * [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘HTML Code to insert vertical divider’ is closed to new replies.

## Tags

 * [vertical line](https://wordpress.org/support/topic-tag/vertical-line/)

 * 5 replies
 * 2 participants
 * Last reply from: [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/html-code-to-insert-vertical-divider/#post-3666197)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics