<style>
.tabs_box {
    width: 550px;
    background: #fff;
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -175px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

#tab2, #tab3 {
    display: none;
}

.tab {
    padding: 0 10px;
}

.tabs_menu {
    display: table-row;
}

.tabs_menu li {
    display: table-cell;
    width: auto;
}

.tabs_menu li a {
    display: table-cell;
    width: 2000px;
    text-align: center;
    text-decoration: none;
    background: #f8f8f8;
    color: #292929;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px 0;
}

.tabs_menu li:first-child a {
    border-left: 0;
}

.tabs_menu .active {
    background: #5f84c1;
    color: #fff;
}
</style>

<div class="tabs_box">
    <ul class="tabs_menu">
        <li><a href="#tab1" class="active">Вкладка 1</a></li>
        <li><a href="#tab2">Вкладка 2</a></li>
        <li><a href="#tab3">Вкладка 3</a></li>
    </ul>
    <div class="tab" id="tab1">
        <p>Контент первой вкладки...</p>
    </div>
    <div class="tab" id="tab2">
        <p>Контент второй вкладки...</p>
    </div>
    <div class="tab" id="tab3">
        <p>Контент третьей вкладки...</p>
    </div>
</div>