Daily Targets (260415)
코드
<p></p>
<p s><i></i></p>
<p t><i l></i></p>
<b></b>
<style>
&>* {
display: flex;
align-items: center;
background: #2FAA8B;
margin-left: 50
}
p {
display: flex;
align-items: center;
flex-shrink: 0;
width: 95;
height: 110;
background: #17405B
}
[s] {
width: 105;
height: 240
}
i {
/* 중앙 초록색 사각형 */
width: 80;
height: 20;
margin-left: 15;
background: #2FAA8B
}
[t] {
width: 200;
height: 999
}
[l] {
height: 110;
margin-left: 100
}
b {
/* 상·하단 사각형 길이가 다른 부분을 메꿈 */
position: fixed;
left: 205;
bottom: 0;
width: 50;
height: 30;
background: #2FAA8B
}
</style>