HTML Testing

Here you can test your HTML here to see if it works properly on the boards. Remember to close your tags and set a password so that you can edit your posts if necessary.

Savanna
Posted on August 27, 2021 at 00:51:22 AM by Dante

Savanna

Nyimara Witch Queen

Name Her Consort

Name Companion

dryiads

Name
Name
Name
Name

charmed ones

Name
Name
Name

faeries

Name

The Whitelighter Callahan

The Faithful

Name
Name
Name

Rules

Rule One here, fill up the space if you like.
Rule Two here, short is fine.

love, dante

<div id="savanna"> <div id="savannacont"> <div id="one"> <b>Savanna</b> </div> <div id="one"> <span>Nyimara</span> Witch Queen </div> <div id="two"> <span>Name</span> Her Consort </div> <div id="two"> <span>Name</span> Companion </div> <div id="three"> dryiads <ul> <li>Name</li> <li>Name</li> <li>Name</li> <li>Name</li> </ul> </div> <div id="three"> charmed ones <ul> <li>Name</li> <li>Name</li> <li>Name</li> </ul> </div> <div id="three"> faeries <ul> <li>Name</li> </ul> </div> <div id="two"> The Whitelighter <span>Callahan</span> </div> <div id="two"> The Faithful <ul> <li>Name</li> <li>Name</li> <li>Name</li> </ul> </div> <div id="one"> <span>Rules</span> <ol> <li>Rule One here, fill up the space if you like.</li> <li>Rule Two here, short is fine.</li> </ol> </div> </div> </div><div style="width:600px; margin:0px auto; text-align:right;"><a rel="nofollow" href="https://linktr.ee/dauntss" style="font:italic 10px times, serif; text-decoration:none; letter-spacing:0.5px;" target="_blank">love, dante</a></div><style type=text/css>#savanna { width:700px; box-sizing:border-box; margin:0 auto; background:linear-gradient(to top, transparent 500px, #012448 600px), url(https://img.nickpic.host/c3ESwc.png) no-repeat center bottom; padding:50px 0px 366px; } #savannacont { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; } #savannacont div { margin:0 0 5px; padding:10px; text-align:center; font:italic bold 11px times, serif; color:#ffe7cb; text-transform:lowercase; letter-spacing:2px; line-height:150%; } #one { flex-basis:100%; flex-grow:2; } #two { flex-basis:46.3%; } #three { flex-basis:29.5%; } #savannacont div span { display:block; margin:0 0 3px; padding:0 0 2px; font: italic bold 14px times, serif; color:#fe7332; text-transform:none; letter-spacing:1px; } #one span { font:italic bold 18px times, serif !important; } #one b { font-size:64px; color:transparent; letter-spacing:12px; background: linear-gradient(to bottom, transparent, #012448, #3c2441, #9e3e42, #fe7332, orange, #ffe7cb, #fff); -webkit-background-clip:text; background-clip:text; background-origin:padding-box; } #savannacont div ul { list-style-type:none; padding:5px 0 0; margin:0; } #savannacont div ul li { list-style-type:none; padding:0; margin:0 0 5px; text-align:center; font:italic bold 11px times, serif; color:#fe7332; letter-spacing:1px; text-transform:none; } #savannacont div ol { list-style-type:lower-roman; padding:5px 66px 0; margin:0; text-align:justify; font:11px times, serif; color:#fe7332; letter-spacing:0.5px; text-transform:none; } #savannacont div ol li { margin: 0 0 5px; padding:0; text-align:justify; font:11px times, serif; color:#ffe7cb; letter-spacing:0.5px; text-transform:none; }</style>

Replies:
There have been no replies.

Post a reply:

Name:
Email:
Subject:
Message:

Link Name:
Link URL:
Image URL:
Password To Edit Post: