Пасоны, помогите с версткой(

[megaupload]

Существует ли нативный способ завекрстать вот такое?

[Aetae]

Кнопка "подробенее" не нужна, верь Татьянычу.

[monolithed]

http://jsbin.com/udikor/1/edit

[megaupload]

monolithed, хм, думаю запихать это в hr... Спасибо, но все же, неужели нет нативного способа с сохранением семантики?

у таблиц вон "титл" есть

[Aetae]

Это же ссылка, нэ?)

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

[megaupload]

Это же ссылка, нэ?)

Такой вариант тоже рассматривал) убого же ну. Или эт наоборот фитча?
а еще мне нужна поддержка ШУ8

короче сделаю по старинке)

[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 />

[megaupload]

Теперь она при любом фонтсайзе будет по центру) ня ня

<style>
hr{
    margin:0;
    border: none;
    border-bottom: 2px dotted #9f3;
}
.readmore{
      float            : right;
      margin-top       : -0.7em;
      margin-left      : 0.5em;
      padding          : 0.1em 0.5em;
      background-color : #ddd;
      color            : #fff;
      border-radius    : 1em;
      text-decoration  : none;
}
.readmore:hover{
    background:#9f3;  
}

.big{
    font-size        : 50px;
}
</style>
<p>ololo</p>
<a class="readmore" href="#">детально »</a>
<a class="readmore big" href="#">детально »</a>
<hr />

[Vantedur]

-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

[megaupload]

Vantedur, можно пример?