Photo Tab Listing

Undecided if I should put this in a list or not..

by ritcheyer

HTML

<div class="propertyPhotos">
    <ul class="actionBase">
        <li><a href="#" title="Print Photos">Print Photos</a></li>
        <li><a href="#" title="Open Gallery">Open Gallery</a></li>
    </ul>
    <ol class="">
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the Photo Gallery"><img src="http://placehold.it/310x233" /></a></li>
        <li><a href="#" title="Click to Open the...

CSS

/* Photos Tab, Added on 5/11/11, by <eritchey> for 6.0.12 */
.propertyPhotos .actionBase {
    margin: 10px 0;
}
.propertyPhotos .actionBase li {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid;
}
.propertyPhotos .actionBase li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}
.propertyPhotos .actionBase a {
    display: inherit;
    float: inherit;
    border: 0;
}
.propertyPhotos a {
    display: block;
    float: left;
    border: 3px solid #fff;
/*    margin-right: 5px;*/
/*    margin-bottom: 3px;*/
}
.propertyPhotos a:hover {
    border-color: #f00;
}