[danik.js]

<style>
hr{
    border: none;
    background: none;
    height: 0;
    border-bottom: 2px dotted #9f3;
    display: block;
    text-decoration: none;
}
.readmore{
    content: "детально >>";
    background:#ddd;
    color:#fff;
    border-radius:10px;
    display: block;
    float: right;
    text-align:center;
    width: 130px;
    float: right;
    margin-left: 20px;
    margin-top: -10px;
}
.readmore:hover{
    background:#9f3;  
}
</style>
<p>abc</p>
<a class="readmore" href="#">детально »</a>
<hr />