html - 我在使用 Joomla K2 时遇到了一些对齐问题。

Question

在我的文章标题部分，我遇到了一些对齐问题。我做了一个屏幕截图，但这是实时页面:

http://www.picturemeclubbing.com/newyear/index.php/2014-01-21-01-37-46/item/19-phil-cashout-interview

图片在这里:

我选择检查我希望移动的区域并发现:

span.itemAuthorDetailss
position: relative;
text-indent: 4px;
bottom: 20px;

将 bottom: 20px 更改为较小的数字会使文本向下。至少在代码检查器窗口中。但是当我在 css 文件中进行更改时，页面就会出现问题。最重要的是，文本旁边的图像不会独立向下移动。我是这个编码的新手。任何帮助将不胜感激。

Answer 1

span.itemAuthorDetailss {
position: relative;
text-indent: 4px;
float: right;
}

那有用吗？也许增加一些 margin :

.authorDetails {
float: left;
margin-right: 12px;
margin-top: 5px;
}

另一种选择是您的 PMD 图片看起来有点高 - 所以试试这个:

.authorDetails img {
margin-top: 5px;
float: left;
}

.authorDetails span.itemAuthorDetailss {position:relative；文本缩进:4px； float :对；

将其放入您的 custom.css 样式表中: http://www.picturemeclubbing.com/newyear/templates/yoo_moreno/css/custom.css