Daily Targets (260802)
코드
<p><p><p><p><p r><p l>
<style>
* {
margin: 0
}
&>* {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 40 100 -40;
background: #E05947
}
p {
/* 원 */
width: 70;
height: 70;
background: #EED9D9;
border-radius: 50%
}
[r], [l] {
position: fixed;
border-radius: 0
}
[r] {
/* 중앙 사각형 */
inset: 0;
width: 80;
height: 40;
margin: auto
}
[l] {
/* 좌측 원 연결선 */
top: 50;
left: 125;
width: 20;
height: 200
}
</style>