gridlines desc

<div style="width:452px;height:470px;margin:auto;">
<div style="width:452px;height:452px;float:left;border:solid 1px #000;">
<div style="width:450px;height:450px;float:left;">
<div style="width:450px;height:450px;float:left;">
<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:24px;">&nbsp;</div>

<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:49px;">&nbsp;</div>

<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:49px;">&nbsp;</div>

<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:49px;">&nbsp;</div>

<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:49px;">&nbsp;</div>

<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:49px;">&nbsp;</div>

<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:49px;">&nbsp;</div>

<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:49px;">&nbsp;</div>

<div style="width:1px;height:450px;float:left;background-color:#000;margin-left:49px;">&nbsp;</div>
</div>

<div style="width:450px;height:450px;float:left;margin-top:-450px;">
<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:24px;">&nbsp;</div>

<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:49px;">&nbsp;</div>

<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:49px;">&nbsp;</div>

<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:49px;">&nbsp;</div>

<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:49px;">&nbsp;</div>

<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:49px;">&nbsp;</div>

<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:49px;">&nbsp;</div>

<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:49px;">&nbsp;</div>

<div style="width:450px;height:1px;float:left;background-color:#000;margin-top:49px;">&nbsp;</div>
</div>
</div>

<div style="width:450px;height:450px;float:left;margin-top:-450px;">
<div style="width:399px;height:299px;float:left;overflow:hidden;margin:25px 0px 0px 25px;">
<div style="width:419px;height:299px;float:left;overflow:auto;">
<div style="width:399px;">
<div style="width:399px;height:300px;float:left;">
<div style="font-size:12px;margin:275px 0px 0px 219px;">▲</div>
</div>

<div style="width:399px;height:299px;float:left;">
<div style="width:249px;height:99px;float:left;background-color:#fff;">
<div style="height:18px;float:left;border-bottom:solid 1px #000;margin:5px 0px 0px 5px;">
<div style="font-family:Helvetica;font-size:11px;text-transform:uppercase;font-weight:bold;margin-left:1px;">About</div>
</div>

<div style="width:239px;height:62px;float:left;margin:5px;overflow:hidden;font-family:Arial;font-size:10px;text-align:justify;line-height:110%;">
<div style="width:259px;height:62px;float:left;overflow:auto;">
<div style="width:239px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a augue velit. Phasellus vestibulum dui non leo vulputate commodo. Ut pulvinar bibendum tristique. Sed posuere rhoncus eros, at mattis orci lobortis vitae. Aliquam vitae malesuada lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin urna ex, faucibus aliquet maximus eu, bibendum ac tortor.<br />
<br />
Donec luctus orci nec purus tristique, eu efficitur nibh gravida. Ut dui turpis, fringilla et blandit eget, malesuada posuere nisi. Nullam nec sodales elit. Sed elementum mi id nisl consectetur venenatis. Nullam sollicitudin nisl id velit pharetra tincidunt. Curabitur vel condimentum leo. Nulla convallis sem suscipit, consequat leo vitae, accumsan libero. Etiam id sapien a arcu scelerisque sodales. Curabitur aliquet ut metus sit amet varius. Donec at mi sit amet leo blandit dictum. Integer lobortis arcu eget metus cursus, porttitor sodales lacus ullamcorper. Sed pharetra est at consectetur viverra. Vestibulum condimentum lorem quis pellentesque condimentum.</div>
</div>
</div>
</div>

<div style="width:249px;height:99px;float:left;background-color:#fff;margin-top:51px;">
<div style="height:18px;float:left;border-bottom:solid 1px #000;margin:5px 0px 0px 5px;">
<div style="font-family:Helvetica;font-size:11px;text-transform:uppercase;font-weight:bold;margin-left:1px;">Rules</div>
</div>

<div style="width:239px;height:62px;float:left;margin:5px;overflow:hidden;font-family:Arial;font-size:10px;text-align:justify;line-height:110%;">
<div style="width:259px;height:62px;float:left;overflow:auto;">
<div style="width:239px;"><strong>ONE.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<strong>TWO.</strong> Donec eget nulla quis risus consequat fermentum.<br />
<strong>THREE.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<strong>FOUR.</strong> Proin molestie tellus eu elit vulputate ullamcorper.<br />
<strong>FIVE.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<strong>SIX.</strong> Donec eget nulla quis risus consequat fermentum.<br />
<strong>SEVEN.</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<strong>EIGHT.</strong> Proin molestie tellus eu elit vulputate ullamcorper.</div>
</div>
</div>
</div>

<div style="width:99px;height:249px;float:left;background-color:#fff;margin-left:51px;margin-top:-99px;">
<div style="height:18px;float:left;border-bottom:solid 1px #000;margin:5px 0px 0px 5px;">
<div style="font-family:Helvetica;font-size:11px;text-transform:uppercase;font-weight:bold;">Admins</div>
</div>

<div style="width:89px;height:216px;float:left;margin:5px;overflow:hidden;font-family:Arial;font-size:10px;text-align:justify;line-height:110%;">
<div style="width:109px;height:216px;float:left;overflow:auto;">
<div style="width:89px;">
<div style="width:89px;height:94px;float:left;margin-top:5px;">
<div style="width:71px;height:71px;float:left;margin-left:9px;"><img alt="KBMejHa.png" src="https://i.imgur.com/KBMejHa.png" style="width:71px;height:71px;" /></div>

<div style="width:71px;height:71px;float:left;background-color:rgba(255,255,255,.35);margin-top:-71px;margin-left:9px;">&nbsp;</div>

<div style="width:71px;height:17px;float:left;background-color:#fff;border-top:solid 1px #000;margin-top:5px;margin-left:9px;">
<div style="font-family:Helvetica;font-size:10px;text-transform:uppercase;margin-top:3px;text-align:right;">name</div>
</div>
</div>

<div style="width:89px;height:94px;float:left;margin-top:5px;">
<div style="width:71px;height:71px;float:left;margin-left:9px;"><img alt="KBMejHa.png" src="https://i.imgur.com/KBMejHa.png" style="width:71px;height:71px;" /></div>

<div style="width:71px;height:71px;float:left;background-color:rgba(255,255,255,.35);margin-top:-71px;margin-left:9px;">&nbsp;</div>

<div style="width:71px;height:17px;float:left;background-color:#fff;border-top:solid 1px #000;margin-top:5px;margin-left:9px;">
<div style="font-family:Helvetica;font-size:10px;text-transform:uppercase;margin-top:3px;text-align:right;">name</div>
</div>
</div>

<div style="width:89px;height:94px;float:left;margin-top:5px;">
<div style="width:71px;height:71px;float:left;margin-left:9px;"><img alt="KBMejHa.png" src="https://i.imgur.com/KBMejHa.png" style="width:71px;height:71px;" /></div>

<div style="width:71px;height:71px;float:left;background-color:rgba(255,255,255,.35);margin-top:-71px;margin-left:9px;">&nbsp;</div>

<div style="width:71px;height:17px;float:left;background-color:#fff;border-top:solid 1px #000;margin-top:5px;margin-left:9px;">
<div style="font-family:Helvetica;font-size:10px;text-transform:uppercase;margin-top:3px;text-align:right;">name</div>
</div>
</div>

<div style="width:89px;height:94px;float:left;margin-top:5px;">
<div style="width:71px;height:71px;float:left;margin-left:9px;"><img alt="KBMejHa.png" src="https://i.imgur.com/KBMejHa.png" style="width:71px;height:71px;" /></div>

<div style="width:71px;height:71px;float:left;background-color:rgba(255,255,255,.35);margin-top:-71px;margin-left:9px;">&nbsp;</div>

<div style="width:71px;height:17px;float:left;background-color:#fff;border-top:solid 1px #000;margin-top:5px;margin-left:9px;">
<div style="font-family:Helvetica;font-size:10px;text-transform:uppercase;margin-top:3px;text-align:right;">name</div>
</div>
</div>

<div style="width:89px;height:94px;float:left;margin-top:5px;">
<div style="width:71px;height:71px;float:left;margin-left:9px;"><img alt="KBMejHa.png" src="https://i.imgur.com/KBMejHa.png" style="width:71px;height:71px;" /></div>

<div style="width:71px;height:71px;float:left;background-color:rgba(255,255,255,.35);margin-top:-71px;margin-left:9px;">&nbsp;</div>

<div style="width:71px;height:17px;float:left;background-color:#fff;border-top:solid 1px #000;margin-top:5px;margin-left:9px;">
<div style="font-family:Helvetica;font-size:10px;text-transform:uppercase;margin-top:3px;text-align:right;">name</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div style="width:249px;height:99px;float:left;background-color:#fff;margin:-125px 0px 0px 25px;">
<div style="font-family:Helvetica;font-size:20px;text-transform:uppercase;font-weight:bold;text-align:right;margin-right:5px;margin-top:35px;">gridlines</div>

<div style="float:right;width:200px;font-family:Arial;font-size:10px;text-align:right;margin-right:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu.</div>
</div>
</div>

<div style="width:100%;font-family:Calibri;float:left;font-size:12px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/26402/" style="text-decoration:none;color:#000;">soonchan.</a></div>
</div>

gridlines room v1

<div style="width:302px;height:90px;margin:auto;">
<div style="width:300px;height:70px;float:left;background-color:#fff;border:solid 1px #000;">
<div style="width:298px;height:68px;float:left;">
<div style="width:298px;height:68px;float:left;">
<div style="width:1px;height:68px;float:left;background-color:#000;margin-left:19px;">&nbsp;</div>

<div style="width:1px;height:68px;float:left;background-color:#000;margin-left:259px;">&nbsp;</div>
</div>

<div style="width:298px;height:68px;float:left;margin-top:-68px;">
<div style="width:298px;height:1px;float:left;background-color:#000;margin-top:19px;">&nbsp;</div>

<div style="width:298px;height:1px;float:left;background-color:#000;margin-top:29px;">&nbsp;</div>
</div>
</div>

<div style="width:259px;height:29px;float:left;margin:-48px 0px 0px 20px;">
<div style="width:259px;height:29px;float:left;">
<div style="font-family:Helvetica;font-size:18px;text-transform:uppercase;font-weight:bold;margin:3px 0px 0px 5px;">room name</div>
</div>
</div>
</div>

<div style="width:100%;font-family:Calibri;float:left;font-size:12px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/26402/" style="text-decoration:none;color:#000;">soonchan.</a></div>
</div>

gridlines room v2

<div style="width:302px;height:220px;margin:auto;">
<div style="width:300px;height:200px;float:left;background-color:#fff;border:solid 1px #000;">
<div style="width:298px;height:198px;float:left;">
<div style="width:298px;height:198px;float:left;">
<div style="width:1px;height:198px;float:left;background-color:#000;margin-left:19px;">&nbsp;</div>

<div style="width:1px;height:198px;float:left;background-color:#000;margin-left:259px;">&nbsp;</div>
</div>

<div style="width:298px;height:198px;float:left;margin-top:-198px;">
<div style="width:298px;height:1px;float:left;background-color:#000;margin-top:19px;">&nbsp;</div>

<div style="width:298px;height:1px;float:left;background-color:#000;margin-top:159px;">&nbsp;</div>
</div>
</div>

<div style="width:259px;height:159px;float:left;margin:-178px 0px 0px 20px;">
<div style="width:259px;height:30px;float:left;">
<div style="font-family:Helvetica;font-size:18px;text-transform:uppercase;font-weight:bold;margin:3px 0px 0px 5px;">room name</div>
</div>

<div style="width:259px;height:129px;float:left;">
<div style="width:247px;height:124px;float:left;margin:0px 5px;overflow:hidden;">
<div style="width:267px;height:124px;float:left;overflow:auto;">
<div style="width:247px;font-family:Arial;font-size:11px;line-height:110%;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam venenatis, mi sed hendrerit tristique, est enim pellentesque ante, vitae sollicitudin est leo id purus. In hac habitasse platea dictumst. Cras sit amet lobortis felis, ac pulvinar dolor. Maecenas vitae leo sit amet risus volutpat suscipit vitae congue sem. Quisque rhoncus, dui in ullamcorper faucibus, sapien mauris gravida odio, id efficitur nisi mauris vitae massa. Sed interdum justo non magna lacinia, sit amet lacinia eros dictum. Etiam leo lacus, pharetra eget facilisis eu, tristique quis augue. Fusce euismod arcu nec magna iaculis malesuada. Maecenas nec sem ligula. Morbi ornare iaculis tristique.<br />
<br />
Curabitur ultrices libero et turpis ultrices fringilla. Curabitur semper turpis ac augue tempus lobortis. Nam ac nulla metus. Suspendisse nec finibus libero. Sed vitae rutrum arcu. Morbi vel ipsum at tellus luctus sollicitudin egestas a mi. Pellentesque nec enim placerat, accumsan ipsum nec, pretium velit. Etiam volutpat, magna vel efficitur bibendum, velit lectus commodo sem, sit amet mollis arcu sapien vel nisl. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis pellentesque justo non nulla vulputate egestas. Fusce arcu lacus, finibus nec condimentum venenatis, efficitur semper massa. Donec lectus lectus, pharetra ut hendrerit lacinia, gravida bibendum tortor. Curabitur rhoncus nisi at fermentum facilisis.</div>
</div>
</div>
</div>
</div>
</div>

<div style="width:100%;font-family:Calibri;float:left;font-size:12px;text-align:center;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/26402/" style="text-decoration:none;color:#000;">soonchan.</a></div>
</div>