API tools faq
paste
rapirisu

Wolvden CSS Custom Boxes

rapirisu
May 22nd, 2021 (edited)
2,467
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.03 KB | None | 0 0
raw download clone embed print report
  1. /* Three boxes side by side. Two square boxes, one round box in the middle! */
  2. <div class="box1"><span style="font-size:24px;">BOX_1 HEADER<br></span><br>BOX_1 TEXT HERE</div>
  3. <div class="box2"><span style="font-size:24px;">BOX_2 HEADER<br></span><br>BOX_2 TEXT HERE</div>
  4. <div class="box1"><span style="font-size:24px;">BOX_3 HEADER<br></span><br>BOX_3 TEXT HERE</div>
  5.  
  6. /* One large box. Can be used by itself, as well as above or below smaller boxes! */
  7. <div class="box3"><span style="font-size:24px;">HEADER<br></span><br>TEXT HERE</div>
  8.  
  9. /* Two identical medium Boxes beside the other! */
  10. <div class="box4"><span style="font-size:24px;">BOX_1 HEADER<br></span><br>BOX_1 TEXT HERE</div>
  11. <div class="box4"><span style="font-size:24px;">BOX_2 HEADER<br></span><br>BOX_2 TEXT HERE</div>
  12.  
  13. /* Two non-identical medium Boxes beside the other! */
  14. <div class="box5"><span style="font-size:24px;">BOX_1 HEADER<br></span><br>BOX_1 TEXT HERE</div>
  15. <div class="box6"><span style="font-size:24px;">BOX_2 HEADER<br></span><br>BOX_2 TEXT HERE</div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!