Уболтал начальство не канифолить моск, а сделать по человечески, в дивах.
HTML-код
<div class="person_list_div">
<a href="" class="person_list_row">
<div class="person_list_number">00001</div>
<div class="person_list_name">Иванов И.И.</div>
</a>
<a href="" class="person_list_row">
<div class="person_list_number">00002</div>
<div class="person_list_name">Петров П.П.</div>
</a>
</div>
CSS-код
.person_list_div {
display: table;
}
.person_list_row {
display: table-row;
text-decoration: none;
transition: all 0.1s ease;
}
a.person_list_row:active,
a.person_list_row:visited {
text-decoration: none;
color: #000000;
}
a.person_list_row:hover {
background-color: lightslategray;
color: aliceblue;
}
.person_list_number,
.person_list_name {
display: table-cell;
}
Оставлю это тут, может кому пригодится.
ЗЫ хотя если будут ещё какие интересные решения было бы познавательно глянуть.
