Daily Targets (260307)
코드
<b>
<p></p>
<i></i>
<p></p>
</b>
<b s>
<p></p>
<i></i>
<p></p>
</b>
<style>
&>*{
background: #F3AC3C
}
b {
display: flex;
align-items: center;
margin: 24 42;
}
[s] {
margin-top: -36;
}
p {
/* 좌우 원 표현 */
flex-shrink: 0;
width: 100;
height: 100;
border-radius: 50%;
background: #222;
}
i {
/* 중앙 흰색 선 */
flex-shrink: 0;
position: relative;
width: 260;
height: 60;
margin: 0 -80;
border-radius: 99px;
background: #fff
}
</style>