Плавный отступ
 

Появилась идея, создать меню из списка.

<div id="sidebar">
            	<ul class="link_style">
                <li><a href="/">HTML5</a></li>
                <li><a href="/">CSS3</a></li>

И как сделать так, что бы при наведении на ссылку, отступ был плавным, а не резким если просто задать через
CSS a:hover{margin:0 0 0 10px;}

transition:

<div id="sidebar">
    <ul class="link_style">
    <li><a href="/">HTML5</a></li>
    <li><a href="/">CSS3</a></li>
</div>
<style>
a {
    margin-left:0px;
    transition: 0.6s margin-left;
}
a:hover {
    margin-left:10px;
}
</style>

Спасибо большое, забыл совсем про это свойство. Думал jQuery поможет