Создаём и стилизуем вкладки на HTML и CSS

<div class="tabs">
    <input type="radio" name="inset" value="" id="tab_1"  checked="checked" />
    <label for="tab_1">Описание</label>

    <input type="radio" name="inset" value="" id="tab_2" />
    <label for="tab_2">Характеристики</label>

    <input type="radio" name="inset" value="" id="tab_3" />
    <label for="tab_3">Отзывы</label>

    <input type="radio" name="inset" value="" id="tab_4" />
    <label for="tab_4">Вопросы</label>

    <div id="txt_1">
        <p>Первая вкладка - Описание</p>
        <p>Содержимое...</p>
        <p>Содержимое...</p>
    </div>
    <div id="txt_2">
        <p>Вторая вкладка - Характеристики</p>
         p>Содержимое...</p>
    </div>
    <div id="txt_3">
        <h2>Отзывы</h2>
        <p>Размеры содержимого вкладок</p>
        <p>могут отличаться по высоте!</p>
    </div>
    <div id="txt_4">
        <h2>Вопросы</h2>
    </div>
</div>

<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
    display: none;
    padding: 12px;
    border: 1px solid #C0C0C0;
    background: #FFFFFF;
}
.tabs>label {
    display: inline-block;
    padding: 7px;
    margin: 0 -5px -1px 0;
    text-align: center;
    color: #666666;
    border: 1px solid #C0C0C0;
    background: #E0E0E0;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 1px solid #C0C0C0;
    border-bottom: 1px solid #FFFFFF;
    background: #FFFFFF;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }
</style>