Тест
<style type="text/css">a.fciA {
margin: 40px auto;
font-family:arial;
font-size: 27px;
line-height: 40px;
letter-spacing: -1px;
text-decoration: none;
text-align:center;
display:block;
width:350px;
color: #888888;
position: relative;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s;
}
a.fciA:hover {
color: #444444;
}
a.fciA:after {
left: -20px;
-webkit-transition-property: left, opacity, top;
-moz-transition-property: left, opacity, top;
-o-transition-property: left, opacity, top;
transition-property: left, opacity, top;
-webkit-transition-duration: .2s, .2s, .2s;
-moz-transition-duration: .2s, .2s, .2s;
-o-transition-duration: .2s, .2s, .2s;
transition-duration: .2s, .2s, .2s;
content: "";
width: 12px;
height: 12px;
background: transparent;
position: absolute;
border-left: 5px solid #444444;
border-top: 5px solid #444444;
top: -22px;
opacity: 0;
}
a.fciA:hover:after {
left: -10px;
top: -12px;
opacity: 1;
}
a.fciA:before {
right: -20px;
-webkit-transition-property: right, opacity, top;
-moz-transition-property: right, opacity, top;
-o-transition-property: right, opacity, top;
transition-property: right, opacity, top;
-webkit-transition-duration: .2s, .2s, .2s;
-moz-transition-duration: .2s, .2s, .2s;
-o-transition-duration: .2s, .2s, .2s;
transition-duration: .2s, .2s, .2s;
content: "";
width: 12px;
height: 12px;
background: transparent;
position: absolute;
border-right: 5px solid #444444;
border-top: 5px solid #444444;
top: -22px;
opacity: 0;
}
a.fciA:hover:before {
right: -10px;
top: -12px;
opacity: 1;
}
.fciSpan:after {
left: -20px;
-webkit-transition-property: left, opacity, bottom;
-moz-transition-property: left, opacity, bottom;
-o-transition-property: left, opacity, bottom;
transition-property: left, opacity, bottom;
-webkit-transition-duration: .2s, .2s, .2s;
-moz-transition-duration: .2s, .2s, .2s;
-o-transition-duration: .2s, .2s, .2s;
transition-duration: .2s, .2s, .2s;
content: "";
width: 12px;
height: 12px;
background: transparent;
position: absolute;
border-left: 5px solid #444444;
border-bottom: 5px solid #444444;
bottom: -24px;
opacity: 0;
}
.fciSpan:hover:after {
left: -10px;
bottom: -14px;
opacity: 1;
}
.fciSpan:before {
right: -20px;
-webkit-transition-property: right, opacity, bottom;
-moz-transition-property: right, opacity, bottom;
-o-transition-property: right, opacity, bottom;
transition-property: right, opacity, bottom;
-webkit-transition-duration: .2s, .2s, .2s;
-moz-transition-duration: .2s, .2s, .2s;
-o-transition-duration: .2s, .2s, .2s;
transition-duration: .2s, .2s, .2s;
content: "";
width: 12px;
height: 12px;
background: transparent;
position: absolute;
border-right: 5px solid #444444;
border-bottom: 5px solid #444444;
bottom: -24px;
opacity: 0;
}
.fciSpan:hover:before {
right: -10px;
bottom: -14px;
opacity: 1;
}
</style>
<p><a class="fciA navItem" href="http://guos.ucoz.ru/index/publichnye_doklady_uo/0-73"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="color:#000000;"><span class="fciSpan">Публичные доклады УО</span></span></span></a><span style="font-family:Arial,Helvetica,sans-serif;"><span style="color:#000000;"> </span></span><span style="font-family:Arial,Helvetica,sans-serif;"><a class="fciA navItem" href="http://guos.ucoz.ru/index/municipalnoe_zadanie/0-109"><span style="color:#000000;"><span class="fciSpan">Муниципальные задания ОУ</span></span></a></span></p>
<p align="center" style="margin-bottom:.0001pt; text-align:center"><a href="/dc/proekt_2019.docx"><span style="line-height:150%"><span style="text-autospace:none"><b><span style="font-size:14.0pt"><span style="line-height:150%"><span style="font-family:"Times New Roman","serif"">ВЫПУСКНАЯ КВАЛИФИКАЦИОННАЯ РАБОТА программы ПК «Управление муниципальной системой образования»</span></span></span></b></span></span></a><br />
<span style="font-size:24px;"><span style="line-height:150%"><b><span style="line-height:150%"><span style="font-family:"Times New Roman","serif""><a href="/doc/dc/prikaz_o_proverkakh.pdf">Приказ о проверках</a><br />
<a href="/dc/2021/rejting_2020g.xls">Рейтинг2020г</a></span></span></b></span></span></p>