[html]
<align=center><div style="border: 1px solid rgb(0, 0, 0);
    padding: 20px; margin:20px; width:500px;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    -webkit-border-radius: 9px;
    Background-image:url(http://ramki-vsem.ru/fon/fon30.jpg);">
<style type="text/css">
    table {
        border-collapse: collapse;
    }
    table th,
    table td {
        padding: 0 3px;
    }
    table.brd th,
    table.brd td {
        border: 1px solid #000;
    }
</style>
 <align=center> <h1>Имя фамилия перса анг</h1> </center>
<table>
    <tr>
        <th><img src="http://funkyimg.com/i/2zexS.jpg" width="150"><div class=v-wiki7> имя внешности инглиш </div>
</th>
       <th><ul><i>Привет,  меня зовут <b>Иван Иванов</b>, и мне уже <b>100 лет.</b> Каждое утро я встаю ровно в 7,00 что бы отправиться в <b>школу</b>, где работаю <b>учителем начальных классов</b>. А вечером возвращаюсь домой к <a url="ссылка на профиль, посмотреть правильно ли">любимой жене</a> и детям.</i>            
        </ul>
    </li></th>
    </tr>
    <tr>
        
</table>



<style type="text/css">
.verticalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
   	width: 500px;
}
.verticalaccordion>ul>li {
    display:block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
    height:40px;
    width: 500px;
    /* Decorative CSS */
    background-color: #6F13FF;
    /* CSS3 Transition Effect */
    transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -webkit-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
}
.verticalaccordion>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:19px;
    /* Decorative CSS */
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    background: #cccccc;
    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #999999, #cccccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#cccccc));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc); /* IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff999999, endColorstr=#ffcccccc)";   /* IE 8 */
}
.verticalaccordion>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:220px;
}
.verticalaccordion>ul>li:hover {
    height: 280px;
}
.verticalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
    background: #000000;
    /* CSS3 Gradient Effect */
    background: -moz-linear-gradient( top, #454545, #000000); /* FF, Flock */
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000000)); /* Safari, Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000); /* IE 5.5 - IE 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff454545, endColorstr=#ff000000)";   /* IE 8 */
}
.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}
</style>

<div class="verticalaccordion">
<ul>
    <li>
        <h3>Характер и био, название чуть позэе</h3>
        <div>тут пишем био .</div>
    </li>
                
</ul>
</div>
</div>