Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Наложение div-блоков

Заголовок 1

Текст 1

Заголовок 2

Текст 2

Заголовок 3

Текст 3
Исходный код этого примера:
<style type="text/css">
.s	{position:relative;width:350px;overflow:hidden;}
.s > div {float:left;overflow:hidden;width:200px;height:80px;background:#ffe;}
.s h2	{padding:3px 0 3px 20px;overflow:hidden;width:200px;margin:-1px;}
.sa	{border:red 1px solid;}
.sb	{border:green 1px solid;margin:-12px 0 0 50px;}
.sc	{border:blue 1px solid;color:blue;margin:-12px 0 0 100px;}
.sd	{padding-left: 10px;}
.sa h2	{border:red 1px solid;background:#fde;}
.sb h2	{border:green 1px solid;background:#dfe;}
.sc h2	{border:blue 1px solid;background:#def;}
.sa,.sa h2 {color:red;}
.sb,.sb h2 {color:green;}
.sc,.sc h2 {color:blue;}
</style>

<div class="s">
   <div class="sa">
      <h2 >Заголовок 1</h2>
      <div class="sd">Текст 1</div>
   </div>

   <div class="sb">
      <h2>Заголовок 2</h2>
      <div class="sd">Текст 2</div>
   </div>

   <div class="sc">
      <h2>Заголовок 3</h2>
      <div class="sd">Текст 3</div>
   </div>
</div>


.