Pricing Table

An example of how te pricing tables will run for Linq. Use percentages. In the case that a deal only has one package, the layout won't be broken. Remove the display:none from div3's styling and see.

by kshep92

HTML

<div id=container>
<div id=div1 class=table-cell>
    <br />
    This is div one <br />
    Value <br />
    You Pay <br />
    Savings <br />
</div>
<div id=div2 class=table-cell>
    This is div two <br />
    $180<br />
    $150<br />
    $30
</div>
<div id=div3 class=table-cell>
    This is div three<br />
    $150<br />
    $120<br />
    $30
</div>

CSS

#container {
width: 512px;
    border: 1px solid;
    text-align: center;
    padding: 0;    
}

.table-cell {
display: table-cell;
    border-right: 1px solid;
    
}

#div2, #div3 {
width: 20%;
}

#div3 {
display: none;
}

#div1 {
width: 10%;
    margin-left: 5%;
}