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.

Hills
Posted on April 24, 2021 at 08:09:03 PM by Dante

Raksha Leader

Name Position

Position

Name
Name
Name
Name

Position

Name
Name
Name

Position

Name

The Hills Rules

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

love, dante

<div id="hills"> <div id="hillscont"> <div id="one"> <span>Raksha</span> Leader </div> <div id="two"> <span>Name</span> Position </div> <div id="two"> <span>Name</span> Position </div> <div id="three"> Position <ul> <li>Name</li> <li>Name</li> <li>Name</li> <li>Name</li> </ul> </div> <div id="three"> Position <ul> <li>Name</li> <li>Name</li> <li>Name</li> </ul> </div> <div id="three"> Position <ul> <li>Name</li> </ul> </div> <div id="one"> <span>The Hills</span> Rules <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:400px; 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>#hills { width:500px; box-sizing:border-box; border:1px solid green; margin:0 auto; background:linear-gradient(to top, transparent 500px, #f5f5f5 600px), url(https://img.nickpic.host/lYFlcO.png) no-repeat center bottom; padding:50px 50px 330px; } #hillscont { display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; } #hillscont div { margin:0 0 5px; padding:10px; background:rgba(255,255,255,0.6); border-radius:10px; text-align:center; font:bold 9px arial, sans-serif; color:green; text-transform:uppercase; letter-spacing:2px; line-height:150%; } #one { flex-basis:400px; flex-grow:2; } #two { flex-basis:177px; } #three { flex-basis:110px; } #hillscont div span { display:block; margin:0 0 3px; padding:0 0 2px; border-bottom: 1px solid green; font: italic bold 14px times, serif; color:#000; text-transform:none; letter-spacing:1px; } #one span { font:italic bold 18px times, serif !important; } #hillscont div ul { list-style-type:none; padding:5px 0 0; margin:0; border-top:1px solid green; } #hillscont div ul li { list-style-type:none; padding:0; margin:0 0 5px; text-align:center; font:italic bold 11px times, serif; color:#000; letter-spacing:1px; text-transform:none; } #hillscont div ol { list-style-type:lower-roman; padding:5px 66px 0; margin:0; border-top:1px solid green; text-align:justify; font:11px times, serif; color:#000; letter-spacing:0.5px; text-transform:none; } #hillscont div ol li { margin: 0 0 5px; padding:0; text-align:justify; font:11px times, serif; color:#000; letter-spacing:0.5px; text-transform:none; } </style>

Replies:

Savanna - By Dante August 27, 2021 at 00:51:22 AM

Post a reply:

Name:
Email:
Subject:
Message:

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