Kolorwanie:
Status:
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
<html>
<head>
<style>
    body{
    width: 80%;
    height: 600px;
    margin: auto;
    background-color: hsl(220,50%,80%);
    display: flex;
  
}
#literkah{
    width: 25%;
    display: flex;
}
#h1{
    background-color: hsl(10,50%,80%);
    width: 25%;
    
}
#h2{
    background-color: hsl(10,50%,80%);
    width: 200px;
    height: 40px;
    align-self: center;
}
#h3{
    background-color: hsl(10,50%,80%);;
    width: 25%;
    
}
#literkat{
    width: 25%;
    display: flex;
}
#t1{
    background-color: hsl(300,50%,80%); 
    width: 200px;
    height: 40px;
}
#t2{
    background-color: hsl(300,50%,80%); 
    width: 25%;
}
#t3{
    background-color: hsl(300,50%,80%); 
    width: 200px;
    height: 40px;
}
#literkam{
    width: 25%;
}
#literkal{
    width: 25%;
    display: flex;
}
#l1{
    background-color: hsl(100,50%,80%); 
    width: 25%;
}
#l2{
    
}
#l3{
    background-color: hsl(100,50%,80%); 
     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>
    <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.