SO - 29224682

by Arun P Johny

HTML

<div class="sidebar">
    <div class="sidebarContent sbselection_1" style=" background-image: url(/dining-new/images/homedisplay/easterneateriesad.jpg); background-size: 380px 491px;">
        <div id="eetriangle"/>
    </div>
    <div class="sidebarContent sbselection_2" style=" background-image: url(/dining-new/images/homedisplay/crossroadsad.png); background-size: 380px 491px;">
        <div id="crossroadstriangle"/>
    </div>
    <div class="sidebarContent sbselection_3" style="background-image: url(/dining-new/images/homedisplay/commonsad.png); background-size: 380px 491px;">
        <div id="commonstriangle"/>
    </div>
    <div class="sidebarContent sbselection_4" style=" background-image: url(/dining-new/images/homedisplay/studentcenterad.png); background-size: 380px 491px;">
        <div id="sctriangle"/>
    </div>
    <div class="sidebarContent sbselection_5" style=" background-image: url(/dining-new/images/homedisplay/eaglecafead.png); background-size: 380px 491px;">
        <div id="eaglecafestriangle"/>
</div>

CSS

.sidebar{border: 1px solid red;padding: 5px;}
.sidebarContent{border: 1px solid green;padding: 5px;margin-bottom: 5px;}
.sidebarContent > div{border: 1px solid blue;padding: 5px;}