css - 如何创建这种类型的元素?

标签 css xhtml layout html

我想使用 DIV 和 CSS 创建一个元素,如下所示:

Create By: <avatar image 16x16> Prashant

谁能告诉我上述布局类型的 CSS 和 DIV 代码是什么。我不想为此使用表格,仅使用 DIV 和 CSS。

在 Digg 列表中可以找到相同类型的显示。我试过但无法使“用户名”与头像图像居中对齐。

最佳答案

<div>Created by: <img src="/images/avatars/prashant.png" alt="" /> Prashant</div>

img {
  vertical-align: middle;
}

应该完成这项工作。

关于css - 如何创建这种类型的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1470928/

相关文章:

javascript - Packery 图像网格仅在背景图像在 CSS 中定义时起作用,而不是通过 Javascript 定义。等待/信号量?

html - 主页上的背景图片

css - 使用多种样式触发CSS中的单一样式

javascript - 我应该如何将服务器端数据与 HTML 中的客户端 UI 元素相关联?

html - 使用 HTML 文档类型在 XHTML 中编写网页的某些部分有什么问题吗?

android - 将布局添加到 View 组。

layout - ZF2 EdpModuleLayouts

css - badge-pill 和 h2 水平对齐

css - 导航栏高为内容一 : maybe with calc()?

CSS/SCSS rails 转换 div,但不是嵌套图像 (rails)