如何使HTML导航栏与标题位于同一行

如何使HTML导航栏与标题位于同一行,html,html-lists,heading,Html,Html Lists,Heading,如何使标题和导航栏位于同一条线上?在页面顶部,您会看到大多数网站都有?HTML: <div class="heading"> <div class="A"> </div> <div class="B"> </div> </div> 我想你没有HTML/CSS方面的经验吧 也许你应该把你的问题记录下来 如果这对您有帮助,请将此标记为答案…您能写出您尝试过的内容和未按预期工作的内容吗?floa

如何使标题和导航栏位于同一条线上?在页面顶部,您会看到大多数网站都有?

HTML:

<div class="heading">
    <div class="A">
    </div>
    <div class="B">
    </div>

</div>
我想你没有HTML/CSS方面的经验吧

也许你应该把你的问题记录下来


如果这对您有帮助,请将此标记为答案…

您能写出您尝试过的内容和未按预期工作的内容吗?
float:left
position:absolute
显示:内联块
如果可以,我会@sjoerd222888。我今天和昨天都试了无数次,决定离开,因为编辑不允许。我所做的只是把显示器内联起来,这似乎没有改变任何东西,如果这有什么帮助的话。我有一些。我是一个学生学习HTML和CSS在家里和学校,有一些困难。不过谢谢你,如果我能正确使用编辑器,我会显示代码。。。
.heading {

    width:100%;
    height:50px;
    margin-top:0px;
    background-color: red;

}

.A {
    width: 20%;
    height: 100%;
    margin: 0px;
    float:left;
    background-color: blue;
}

.B {
    width: 80%;
    height: 100%;
    margin: 0px;
    float:left;
    background-color: orange;
}