Kolorwanie:
Status:
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
<html>
<head>
<style>
    body{
    width: 100%;
    height: 400px;
    margin: auto;
    background-color: lightblue;
    display: flex;
  
}
#literkah{
    width: 25%;
    display: flex;
     padding: 2em;
}
#h1{
    background-color: crimson;
    width: 25%;
    
}
#h2{
    background-color: crimson;
    width: 200px;
    height: 40px;
    align-self: center;
}
#h3{
    background-color: crimson;;
    width: 25%;
    
}
#literkat{
    width: 25%;
    display: flex;
    padding: 2em;
}
#t1{
    background-color: crimson; 
    width: 200px;
    height: 40px;
}
#t2{
    background-color:crimson; 
    width: 25%;
}
#t3{
    background-color: crimson; 
    width: 200px;
    height: 40px;
}
#literkam{
    width: 25%;
    display:flex;
     padding: 2em;
}
    #m1{
       background-color: crimson;
    width: 25%;
    }
    #m2{
       background-color: crimson; 
    width: 200px;
    height: 40px;  
    }
    #m3{
           background-color: crimson;
    width: 25%;
    }
    #m4{
         background-color: crimson; 
    width: 200px;
    height: 40px;  
    }
    #m5{
          background-color: crimson;
    width: 25%;
    }
#literkal{
    width: 25%;
    display: flex;
     padding: 2em;
}
#l1{
    background-color: crimson; 
    width: 25%;
}
#l2{
    
}
#l3{
    background-color: crimson; 
     width: 200px;
    height: 40px;
    align-self: flex-end;
}
</style>
</head>
<body>
    <div id="literkah">
     <div id="h1"></div>
    <div id="h2"></div>
    <div id="h3"></div>
    </div>
    <div id="literkat">
    <div id="t1"></div>
    <div id="t2"></div>
    <div id="t3"></div>
    </div>
    <div id="literkam">
    <div id="m1"></div>
    <div id="m2"></div>
    <div id="m3"></div>
    <div id="m4"></div>
    <div id="m5"></div>
    </div>
    <div id="literkal">
     <div id="l1"></div>
    <div id="l2"></div>
    <div id="l3"></div>
    </div>
    
    
</body>
</html>

Copyrights 2014-2019 © Wklejaj.pl Wszelkie prawa zastrzeżone.