нужно, чтобы два блока были выровнены по правой стороне текста - возможно? - PullRequest
Новая
       27

нужно, чтобы два блока были выровнены по правой стороне текста - возможно?

0 голосов
/ 21 мая 2011

Я оптимизировал некоторые вещи, используя спрайты, и столкнулся с этой проблемой ... Мне нужно, чтобы два блока были выровнены по правому краю текста, но независимо от того, что я делаю, они начинаются по левому краю на новой строке под ним.Использование position: absolute работает в моем редакторе, но при публикации - нет. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<style type="text/css">    
a.facebook{margin:0 5px 0 0;float:left;display:block;width:30px;height:30px;background:url(social.png) no-repeat 0 0;background-position:0px -38px;overflow:hidden;text-indent:-10000px;font-size:0px;line-height:0px;}
a.twitter{margin:0 5px 0 0;float:left;display:block;width:30px;height:30px;background:url(social.png) no-repeat 0 0;background-position:-30px -38px;overflow:hidden;text-indent:-10000px;font-size:0px;line-height:0px;}
</style>
</head>

<body>
<div>this is a test
<a href="#" onclick="window.open('http://test.com')" title="Find us on Facebook!" class="facebook">Find us on Facebook!</a>
<a href="#" onclick="window.open('http://test.com')" title="Find us on Twitter!" class="twitter">Find us on Twitter</a></div>
</body>
</html>

1 Ответ

0 голосов
/ 21 мая 2011

Если у меня возник вопрос, я думаю, что вы ищете float:right, но обратите внимание, что плавающие числа плавают относительно элементов, которые следуют за , поэтому вам нужно разместить ссылки перед текстом.

edit: more data Если вы хотите, чтобы блоки вставлялись в другие элементы, как если бы они были частью текста, вы должны сделать их display:inline-block (в IE6 это работает только для элементовкоторые встроены по умолчанию).Но тогда они появятся в том положении, в которое они вставлены, а не плавают.

...