OSLIFE 블로그

내가 쓰려고 만드는 서식 #타이틀편2

아싸의 바깥 삶 2022. 5. 18. 12:00
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
728x90
반응형

 

1. 
Outside life Of Outsider
<div style="margin: 20px auto 20px; width: 100%; display: flex; position: relative; height: 44px;"><span style="display: block; height: 44px; line-height: 34px; font-size: 25px; font-weight: 500; padding: 0 5px 0; border-bottom: 1px solid #e4003b; box-sizing: border-box; position: absolute; z-index: 1;">Outside life Of Outsider</span><label style="display: block; width: 100%; border-bottom: 1px solid #ddd;"></label></div>

 

 

2. 
Outside life Of Outsider
<div style="margin: 20px auto 20px; text-align: center; font-size: 25px; font-weight: 900; color: #000;"><label style="display: block; width: 2px; height: 30px; margin: 0 auto 10px; background: #e4003b;"></label><span style="color: #e4003b; display: block;">Outside life Of Outsider</span></div>

 

 

3. 
Outside life Of Outsider
<div style="margin: 20px auto 20px; display: flex; width: 100%;"><label style="height: 32px; line-height: 32px; width: 116px; text-align: center; background: #e4003b; color: #fff; font-size: 16px; margin: 0 20px 0 0;">01</label><span style="line-height: 32px; font-size: 25px; font-weight: 500;">Outside life Of Outsider</span></div>

 

 

4. 
Outside life Of Outsider
<div style="margin: 20px auto 20px; display: table;"><label style="width: 40px; display: block; height: 2px; background: #e4003b; float: left; margin: 18px 15px 0 0;"></label><span style="font-size: 25px; font-weight: 500; display: block; float: left;">Outside life Of Outsider</span><label style="width: 40px; display: block; height: 2px; background: #e4003b; float: left; margin: 18px 0 0 15px;"></label></div>
728x90
반응형

'OSLIFE 블로그' 카테고리의 다른 글

내가 쓰려고 만드는 서식 #버튼편1  (0) 2022.05.17
[서식] #타이틀편1  (0) 2022.05.15
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.