html - 在不创建新表格样式的情况下创建选项卡式 block 缩进?

标签 html css

如何在不创建新的 css 表格样式的情况下实现如下所示的简单操作?基本上都有 block 式缩进?

enter image description here

最佳答案

为什么不使用表格?

但是您可以使用 float 元素、绝对定位和一点边距轻松实现这一点,例如

<ul style="float:left;">
    <li style="list-style-type:none;">Member since:</li>
    <li style="list-style-type:none;">Last visited:</li>
</ul>

<ul style="float:left;position:absolute;margin-left:120px;">
    <li style="list-style-type:none;">07-30-2009 09:45pm</li>
    <li style="list-style-type:none;">37 minutes ago</li>
</ul>

<img src="avatar.jpg" widht="50" height="50" style="float:left;position:absolute;margin-left:180px;" />

关于html - 在不创建新表格样式的情况下创建选项卡式 block 缩进?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7719365/

相关文章:

CSS 动画 - 颜色改变后改变背景图像

html - 文本已缩放,如何撤消?

jquery - 使用视口(viewport)单位的响应式设计中的 CSS 文本溢出

javascript - 在 Javascript 上拖放

javascript - 在 Kartik 文件输入小部件的按钮下方移动/传输预览 Div

html - 如何用css在手机上实现按钮点击效果

javascript - 为什么谷歌浏览器总是在选定文本后添加空格?

php - 将菜单添加到我的 WordPress 主题 footer.php

html - 为什么我的边框图像属性不能按我希望的方式工作?

css - 当父元素使用像素(px)时,为子元素定义相对的字体大小不是可以的吗?