Daily Targets (260719)
코드
<p l><p c><p r>
<style>
&>* {
display: flex;
align-items: center;
margin: 0 20;
background: #E38F66
}
[l] {
/* 좌측 테두리 사각형 */
width: 100;
height: 100;
border: 20px solid
}
[c] {
/* 중앙 사각형 */
width: 160;
height: 60;
margin-left: -80;
background: #000
}
[r] {
/* 우측 테두리 사각형 */
width: 20;
height: 60;
margin-left: 20;
border: solid #E38F66;
border-width: 20 40;
background: #000;
outline: 20px solid
}
</style>