Title: Separating sidebar items using lines or boxes?
Last modified: August 18, 2016

---

# Separating sidebar items using lines or boxes?

 *  [table4five](https://wordpress.org/support/users/table4five/)
 * (@table4five)
 * [18 years, 12 months ago](https://wordpress.org/support/topic/separating-sidebar-items-using-lines-or-boxes/)
 * My blog is [Table for Five](http://table4five.net), running the 3K2 theme, with
   widgets. I would like to separate my sidebar items with dashed or dotted lines,
   or possibly put them in boxes, something so that they don’t all just run together.
   Could someone help me out with the CSS for that? A link to your site so I can
   see how it looks would be appreciated as well!

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

 *  [joshuaisaac](https://wordpress.org/support/users/joshuaisaac/)
 * (@joshuaisaac)
 * [18 years, 12 months ago](https://wordpress.org/support/topic/separating-sidebar-items-using-lines-or-boxes/#post-576019)
 *     ```
       ul li {
   
       border: 1px dotted #333;
   
       }'
   
       or
       ```
   
 * .yourclass {
 * border: 1px dotted #333;
 * }`
 * **Two sites that use this:**
    [http://amiepowell.com](http://amiepowell.com) 
   [http://joshuaisaac.com](http://joshuaisaac.com) any
 *  [whooami](https://wordpress.org/support/users/whooami/)
 * (@whooami)
 * [18 years, 12 months ago](https://wordpress.org/support/topic/separating-sidebar-items-using-lines-or-boxes/#post-576021)
 * JoshuaIsaac,
 * Not to thread hijack but if you happen to know the person behind amiepowell.com
   you might want to take a look at what itlooks like in ie6. The big images are
   causing the sidebar to drop in ie6
 *  Thread Starter [table4five](https://wordpress.org/support/users/table4five/)
 * (@table4five)
 * [18 years, 12 months ago](https://wordpress.org/support/topic/separating-sidebar-items-using-lines-or-boxes/#post-576063)
 * Thank you Joshua Isaac. I’m not exactly sure where in the stylesheet that goes,
   though. Here?
 * .secondary ul li, .secondary ol li {
    margin: 0; padding: 1px 0; }
 * .leftbar ul li, .leftbar ol li {
    margin: 0; padding: 1px 0;
 *  [joshuaisaac](https://wordpress.org/support/users/joshuaisaac/)
 * (@joshuaisaac)
 * [18 years, 11 months ago](https://wordpress.org/support/topic/separating-sidebar-items-using-lines-or-boxes/#post-576169)
 * Yes, like so…
 *     ```
       .secondary ul li, .secondary ol li {
       margin: 0;
       padding: 1px 0;
       border: 1px dotted #333;
       }
       ```
   
 * Assuming that the `.secondary` class is that which the border should surround.

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

The topic ‘Separating sidebar items using lines or boxes?’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)

 * 4 replies
 * 3 participants
 * Last reply from: [joshuaisaac](https://wordpress.org/support/users/joshuaisaac/)
 * Last activity: [18 years, 11 months ago](https://wordpress.org/support/topic/separating-sidebar-items-using-lines-or-boxes/#post-576169)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics