Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">

<style type="text/css">




.longbox { width: 380px; height: auto; background-color: #724c10; padding: 10px; font-family: calibri; font-size: 12px; color: #b09b88; line-height: 100%; text-align: justify; overflow: auto; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0) inset; }

.lefttitle { width: 180px; height: 20px; background-color: #76683c; text-align: center; font-family: calibri; font-size: 10px; text-transform: uppercase; font-weight: none; font-style: bold; color: #af997b; letter-spacing: 2px; line-height: 100%; padding-top: 10px;}

.righttitle { width: 180px; height: 20px; background-color: #76683c; text-align: center; font-family: calibri; font-size: 10px; text-transform: uppercase; font-weight: none; font-style: bold; color: #af997b; letter-spacing: 2px; line-height: 100%; padding-top: 10px; margin-left: 10px; }





.jgumdropcontainer1 {
  width: 500px;
  height: auto;
  background-color: #76683c;
  margin: 10px auto 2px;
  font: normal normal normal 12px/110% century gothic;
  border: 10px solid #af997b;
  box-shadow: 0px 3px 2px #af997b, 0px 0px 2px #af997b;
  overflow: hidden; 
  position: relative;
  text-align: justify;
}


.jgumdropcontainer1 ::-webkit-scrollbar { background: #bca897; width: 5px; border: 2px solid #af997b; }
.jgumdropcontainer1 ::-webkit-scrollbar-thumb { background: #69582d; }
.jgumdropcontainer1 ::-webkit-scrollbar-corner { background: #af997b; }

.jgumdropcontainer1 h1 {
  margin: 1px auto 0px; 
  color: #baada5;
  text-align: center;
  font: normal normal normal 55px/100% 'century gothic';
  text-transform: uppercase;
  letter-spacing: -2px;
}


.jgumdropcontainer1 h2 {
  margin: 5px auto 0px;
  text-align: center;
  font: normal normal 700 10px/100% 'Open Sans Condensed';
  text-transform: uppercase;
  color: #ded2c4;
  letter-spacing: 1px;
}

  .jgumdropcontainer1 h3 {
  margin: 0px auto;
  text-align: center;
  font: normal normal 700 8px/100% 'Open Sans Condensed';
  text-transform: uppercase;
  color: #baada5;
  letter-spacing: 1px;
}

.jgumdropcontainer2 {
  background-color: #b8b6c1;
  width: 500px;
  height: 450px;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
}



.jgumdropcontainer {
margin: 10px auto; /* centers it */
height: auto;
width: auto;
}



.jgumdroptabs {
margin: 0px auto; 
position: relative;
right: 0px;
width: 450px; 
height:  410px;
}

.jgumdroptab {
float: left;
}

.jgumdroptab label {
display: block; 
width: 25px;
height: 25px;
background: #76683c;
border: 1px solid #af997b;
border-radius: 50%;
margin-left: 10px;
position: relative;
left: 180px;
top: 400px;
z-index: 2;
}


.jgumdroptab input[type=radio]:checked ~ label {
background: #28462e;
z-index: 2;
}

.jgumdroptab input[type=radio] {
display: none; /* DON'T EDIT */
}

.jgumdropcontent {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: #af997b;
padding: 0px 3px;
border: 20px solid #af997b;
outline: 1px solid #af997b;
overflow: auto;
}


.jgumdroptab input[type=radio]:checked ~ label ~ .jgumdropcontent {
z-index: 1;
}


.jgumdropcontent img { float:right; }

</style>





<div style="width: 670px; height: 35px; text-align: center;  font-family: Cinzel; font-size: 42px; color: #76683c; padding-bottom: 10px; text-shadow: 2px 2px 0px #af997b;">

 happy little pill

</div>



<div class="jgumdropcontainer1">

<div class="jgumdropcontainer">

<div class="jgumdroptabs">


<div class="jgumdroptab">
<input type="radio" id="jgumdroptab-1" name="jgumdroptab-group-1" checked>
<label for="jgumdroptab-1"> <! Tab One !> </label>
<div class="jgumdropcontent">

<center><b><font size="0.5" face="georgia">южная корея, ульсан // 2017 год // реальная жизнь и немного сюжета</font></b></center>
<font size="2" face="garamound"><i>Четыре стихии и четыре стороны света, все делится по квадратам. Выбирай:<br>
• нереальный, потонувший в дыме и кривых зеркалах, мигающий в свете неоновых ламп, яркий до тошноты;<br>
• изменчивый и текучий, где избыточность выставляется на показ, скрывая за собой ненависть и шипение завистливых змей;<br>
• опасный, дерганный и закрытый, давно лишившийся всяких законов, затворов и дамб; <br>
• отрешенный от остальных, стабильный и серый, как будто застывший во временной петле. <br>
Какую чувствуешь в себе жизнь? Какую цель? <br>
Какой... подвох? <br>
Выбирай. <br>
Или стирай границы.</i><br></font>
<br><center><b>warning! список занятых внешностей спрятан во второй вкладке.</b></center><br>
Доброго дня и всех благ от администрации тестового форума "happy little pill", посвященного Южной Корее, реальной жизни и человеческим страстям, особенно ярко проявляющемся в противостоянии. Наша основная цель - создать для себя и окружающих уютную площадку для игры, где будет соблюден баланс между сюжетным движем и общением, красотой и практичностью, спокойствием и весельем. Будем рады всем, кто ищет того же.<br>
Внешности придерживаются на 24 часа для гостей, вплоть до открытия для зарегистрированных пользователей, строго по шаблону, указанному ниже. <br><br>



</div>
</div>




<div class="jgumdroptab">
<input type="radio" id="jgumdroptab-2" name="jgumdroptab-group-1">
<label for="jgumdroptab-2"> <! Tab Two !> </label>
<div class="jgumdropcontent">


<div class="longbox">
<br><center><table cellspacing="0" cellpadding="0" style="position: relative;"><tr><td style="vertical-align: top;"><div class="lefttitle">boys:</div><div class="lboxes">
<br>
<center>

<b>min yoongi</b> [bts] → мятный<br>
<b>song joong ki</b> [actor] → minholik<br>
<b>park bo gum</b> [actor] → бог<br>
<b>byun baekhyun</b> [exo] → бен бекон<br>
<b>terada takuya</b> [cross gene] → angry dragon<br>
<b>park jimin</b> [bts] → хокаге<br>
<b>lee joon</b> [mblaq] → ranger<br>
<b>kim taehyung</b> [bts] → мятный<br>
<b>jeon jungkook</b> [bts] → мятный<br>
</center>
</div></td><td style="vertical-align: top;"><div class="righttitle">girls:</div><div class="rboxes">
<br>
<center>

<b>hwang mi young</b> [snsd] → бин<br>
<b>lim kim</b> [solo] → angry dragon<br>
<b>iu\krystal</b> [solo/f(x)] → angry dragon<br>

</center>
</div></td></tr></table></center></div>
<div class="title"></div><div class="longbox">
<br>
<br>
</div>


</div>
</div>




</div>

</div>

<img src="http://funkyimg.com/i/2nKGc.jpg">

</div>

            

Код:
<b>внешность</b> [группа] → ник<br>