Код:
<!--HTML-->
<div class="time-search-main">
<p class="time-search-title">ХОТИМ ВИДЕТЬ</p>
<div class="time-search-description">
В этой теме вы можете написать заявку на внешность, которую хотели бы видеть на форуме.<br><br>
<b>Обратите внимание: это не заявка на полноценного персонажа. Вы можете предложить свои варианты, какие видите для персонажа с данной внешностью, но человек, которому приглянется эта внешность, может придумать для него совершенно иную биографию.</b><br><br>
Бронирование внешностей происходит в гостевой. <br><br>
Одна заявка — одно сообщение.
<br></center>
</div>

<strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1"><button class="code-box-time">забрать код</button></a></strong><div style="height: 20px; font-size: 0px;"><pre><span>[</span>align=center<span>]</span>
<span>[</span>size=10<span>]</span>— хочу видеть —<span>[</span>/size<span>]</span>
<span>[</span>img<span>]</span>https://i.imgur.com/En6hH2w.jpg<span>[</span>/img<span>]</span> <span>[</span>img<span>]</span>https://i.imgur.com/En6hH2w.jpg<span>[</span>/img<span>]</span>
<span>[</span>size=10<span>]</span>— внешность на английском —<span>[</span>/size<span>]</span>
<span>[</span>/align<span>]</span>
<span>[</span>align=center<span>]</span><span>[</span>font=Georgia<span>]</span><span>[</span>size=16<span>]</span>— ПРЕДЛОЖЕНИЯ ДЛЯ ПЕРСОНАЖА —<span>[</span>/size<span>]</span><span>[</span>/font<span>]</span><span>[</span>/align<span>]</span>
<span>[</span>table layout=fixed width=100%<span>]</span>
<span>[</span>tr<span>]</span>
<span>[</span>td width=10%<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>td width=80%<span>]</span>
Ваш текст.
<span>[</span>/td<span>]</span>
<span>[</span>td width=10%<span>]</span><span>[</span>/td<span>]</span>
<span>[</span>/tr<span>]</span>
<span>[</span>/table<span>]</span></pre></div>

</div>

<style>
.time-search-main{
width: 650px;
height: 399px;
background-image: url(https://i.imgur.com/zQht4Cm.png);
background-repeat: no-repeat;
background-size: 100%;
margin-top: -14px;
    margin-left: -10px;
}

.time-search-description {
width: 450px;
    height: auto;
    background: #ebc0a299;
    outline: 2px solid #da8155;
    outline-offset: -2px;
    position: relative;
    left: 95px;
    top: 100px;
    font-family: arial;
    font-size: 11px;
    padding: 10px;
    color: #86482a;
}

.time-search-title {
font-family: Roboto Condensed;
    font-size: 21px!important;
    position: relative;
left: 275px;
    top: 37px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    color: #f3f3f3;
}

.code-box-time {
position: relative;
    top: 130px;
    left: 270px;
    background: #ebc0a299;
    padding: 6px;
    border: 1px solid #d5732d;
    outline: none;
    font-size: 11px;
    color: #86482a;
    text-transform: uppercase;
    font-weight: bold;
    cursor: copy;
}

.code-box-time:hover {
    background: #f3f3f3;
    border: 1px solid #657163;
    cursor: copy;
}

.code-box-time:active {
    background-color: #657163;
    color: #f3f3f3;  
    }

</style>