Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 根据标题对齐内容_Html_Css_Twitter Bootstrap - Fatal编程技术网

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
添加到该类别中。