Головна‎ > ‎HTML+CSS‎ > ‎Блоки‎ > ‎

Контейнер в контейнері

<style>
   .container1{
          max-width: 1000px;
          margin: 0 auto;
          display: flex; 
   }
   .container1 div{
          padding: 15px;
          border: 1px solid silver;
   }
   .container2{         
          background-color:lightblue;
          color: white;
          flex: 1;
          display: flex;
          flex-direction: column;  
   }
   .box1{
          flex: 3;
   }
   .box2{
          background-color:black;
          flex: 1;
   }
   .box3{
          background-color:grey;
          flex: 1;
   }
</style>




<div class="container1">
   <div class="box1">

<h1>Box 1</h1>
Тарас Шевченко - видатний український поет, прозаїк, драматург, художник, політичний і громадський діяч. Він був людиною універсальних обдарувань та інтересів. Все його життя і творчість були присвячені українському народу. Поет мріяв про ті часи, коли його країна буде незалежною суверенною державою, коли в Україні шануватимуться мова, культура та історія народу, а люди будуть щасливими.<p>

Народився в сім'ї селянина 25 лютого (9 березня за новим стилем) 1814 року в селі Моринці на Черкащині. Рано залишився сиротою. Грамоти навчився у дяка. У 14 років його взяли "козачком" до двору поміщика П.Енгельгарда, з яким переїхав спочатку до Вільно, а потім - до Петербурга. У 1832 р. Шевченка віддали "у науку" до художника В.Ширяєва. У 1838 році за пiдтримки К. Брюллова, В. Жуковського, О. Венеціанова, М. Вєльгорського, Є. Гребінки, І. Сошенка та інших Шевченка викупили з кріпацтва.<p>

   </div>
   <div class="container2">
   <div class="box2">

        <h3>Box 2</h3>
        Тарас Шевченко 

   </div>
   <div class="box3">

        <h3>Box 3</h3>
        Тарас Шевченко 

   </div>
   </div>
</div>