Question

我很难让我的页脚导航显示内联我的页脚标题。这是一个小提琴，展示了我所做的...... https://jsfiddle.net/nkzsufov/

我试过制作这个绝对/相对

.footerNav {
 margin-top: 35px;
 font-size: 1.5em;
 font-family: Oswald;
 float: left;
 position: absolute;
}

我已将float: left;添加到footerNav和footerNav li。

我做错了什么？

Answer 1

#footer_menu ul {
/* margin: 0px 30px; */
padding: 10px 30px;
list-style-type: none;
text-decoration: none;
display: inline;
}

#footer_menu ul li {
margin: 0 0;
padding: 5px 0;
display: inline-block;
color: white;
clear: both;
}

希望这会解决它

Answer 2

我从你的JSFiddle修改了两个css类，我想我已经实现了你想要的。我只添加了float：left和remove position属性。

.footerTitle {
    font-size: 2.2em;
    font-family: Oswald;
    font-weight: bold;
    margin-top: 33px;
    float:left;
}

.footerNav {
    margin-top: 35px;
    font-size: 1.5em;
    font-family: Oswald;
    float: left;
}

页脚内部div对齐

2 个答案: