Tabs

by Eric Miller

HTML

<div class="col-wrapper">
    <div class="col col-1-4">
         <h4>EID</h4>

        <ul>
            <li><a href="#">123456789012345</a>

            </li>
            <li><a href="#">123456789012345</a>

            </li>
            <li><a href="#">123456789012345</a>

            </li>
            <li><a href="#">123456789012345</a>

            </li>
            <li><a href="#">123456789012345</a>

            </li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a>

            </li>
            <li><a href="#">123456789012345</a>

            </li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
            <li><a href="#">123456789012345</a></li>
     ...

CSS

body{
    font-size:11pt;
}
.col-wrapper {
    display:block;
}
.col {
    display:inline-block;
    margin:0 10px;
    overflow-y:auto;
    vertical-align:top;
}
.col-1-4 {
    width:23%;
}
.col-3-4 {
    width:72%;
}
.content{
    padding:4px;
}

JavaScript

$(function() {
    $('.ui-tabs').tabs();
  });