Html 根据标题对齐内容
我有以下代码,我希望所有的Html 根据标题对齐内容,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有以下代码,我希望所有的都对齐。 我将align items center添加到我的rowdiv中,它在我添加列表之前工作正常 编辑:我已经有填充:0;保证金:0到我的ul .banner部分{ 填充:80px 50px; } 斯派德先生{ 填充顶部:100px; 填充底部:100px; } .章节标题{ 边缘底部:40px; 文本对齐:居中; } .章节标题h5{ 字体大小:22px; 字号:700; 边缘底部:38px; 位置:相对位置; } .章节标题h5:之前{ 位置:绝对位置; 左
都对齐。
我将align items center
添加到我的row
div中,它在我添加列表之前工作正常
编辑:我已经有填充:0;保证金:0代码>到我的ul
.banner部分{
填充:80px 50px;
}
斯派德先生{
填充顶部:100px;
填充底部:100px;
}
.章节标题{
边缘底部:40px;
文本对齐:居中;
}
.章节标题h5{
字体大小:22px;
字号:700;
边缘底部:38px;
位置:相对位置;
}
.章节标题h5:之前{
位置:绝对位置;
左:0;
右:0;
底部:-14px;
宽度:80px;
高度:3倍;
背景:#e7ab3c;
内容:“;
保证金:0自动;
}
.章节标题h5 a{
颜色:252525;
}
.筛选子类别{
左边距:20px;
列表样式类型:无;
}
.筛选子类别li、.筛选子类别li a{
颜色:#b2b2b2!重要;
}
-
-
-
-
-
-
-
-
-
-
-
问题在于ul
标签具有默认的填充
值。如果您在项目中包含css规范化器
,或者为ul设置填充:0
,效果会更好
ul {
list-style: none;
margin: 0;
padding: 0;
}
请参阅过滤器子类别
类并使用以下规则:
.filter-subcategories {
margin-left: 0;
list-style-type: none;
padding: 0;
}
。筛选子类别
删除左边距
并将边距:0
和填充:0
添加到该类别中。