Sidebar Hands-on Exercises

1. Open the 93anniversary.html in your news folder
2. Create a style for sidebar-right

.sidebar-right {
width: 180px;
float: right;
border: 1px solid #666666;
background-color: #EFEFEF;
padding: 6px;
margin: 8px 0 8px 12px;
}

.sidebar-right ul{
list-type: none
margin-left: 0px;
}

.sidebar-right li {
padding-bottom: 6px;
}
   
   
3. Create a <div> for your sidebar
4. Cut and paste the event information list into your sidebar
5. Apply the style to your sidebar