Вот у меня есть код:
<div class="row">
<div class="col col-xl-12 offset-xl-0 col-lg-6 offset-lg-3">
<div class="row">
<div class="form-bg w-100 mx-auto">
<div class="col col-xl-6 offset-xl-3 col-12">
<div class="row">
<div class="panel-body">
<table class="table table-bordered">
<?php if($infos):?>
<tr>
<th>Название сервера</th>
<td><?php echo $infos['name']?></td>
</tr>
<tr>
<th>Адрес сервера сервера</th>
<td><?php echo $ip . ':' . $port?></td>
</tr>
<tr>
<th>Карта</th>
<td><?php echo $infos['map']?></td>
</tr>
<tr>
<th>Игроков сейчас</th>
<td><?php echo $infos['players']?></td>
</tr>
<tr>
<th>Игроков всего</th>
<td><?php echo $infos['places']?></td>
</tr>
<tr>
<th>Список игроков</th>
<td><a class="butksaton-satokavate" href="#clafolowing-dashows">Открыть список</a> </td>
</tr>
<?php else:?>
<tr>
<th>Информация не получена. Сервер возможно выключен</th>
</tr>
<?php endif;?>
</table>
</div>
</div>
</div></td>
</tr>
</table>
</figure>
<div class="description">
<a class="description-title">Описание</a><br>
<a class="description-info">МногоТекстаМногоТекстаМногоТекстаМногоТекстаМногоТекстаМногоТекстаМногоТекстаМногоТекстаМногоТекстаМногоТекстаМногоТекстаМногоТекста</a><br>
<a class="description-info">ЕщёБольшеТекстаЕщёБольшеТекстаЕщёБольшеТекстаЕщёБольшеТекстаЕщёБольшеТекстаЕщёБольшеТекстаЕщёБольшеТекста</a>
</div>
</div>
Но когда я перемещаю этот текст справа от panel-body, текст не везде можно выделить(только с правой стороны), будто что-то наложено поверх него.
CSS текста:
.description {
color: #fff;
margin-left: 320px;
width: 90%;
height: 100%;
right: 100%;
left: 100%;
margin-top: -305px;
}
CSS panel-body:
.panel-body {
margin-left: -290px;
margin-top: 10px;
}
Средний
