html – Navbar对齐右侧部分左侧错误

概述我正在尝试创建一个导航栏,左侧有一些项目,右侧有一些项目(左侧是项目1,右侧是项目2和3).我的JSFiddle有我目前的代码. 我试图解决这个问题： >浮动：对 > text-align：对 他们似乎都没有工作.我确信有一个超级简单的解决方案,但我无法想到它. HTML： <div class="navbar"> <!--Create the button home --> 我正在尝试创建一个导航栏,左侧有一些项目,右侧有一些项目(左侧是项目1,右侧是项目2和3).我的Jsfiddle有我目前的代码.

我试图解决这个问题：

>浮动：对
> text-align：对

他们似乎都没有工作.我确信有一个超级简单的解决方案,但我无法想到它.

HTML：

<div >        <!--Create the button home -->        <p >Num1</p>        <p >|</p>        <p >Num2</p>        <p >|</p>        <p >NUM 3</p>        <p >|</p></div>

CSS：

div.navbar{wIDth:100%;height: 30px;background-color: #03572c;}p{    display: inline;}p.innav{color:white;Font-size: 24px;wIDth: 30px;height: 30px;margin-left: 10px;margin-top: 10px;}p.rightIn{color:white;Font-size: 24px;wIDth: 30px;height: 30px;margin-left: 10px;margin-top: 10px;}.HL{margin-left: 10px;color:white;Font-size:24px;}

JSfiddle

任何帮助将不胜感激！ 总结

以上是内存溢出为你收集整理的html – Navbar对齐右侧部分左侧错误全部内容，希望文章能够帮你解决html – Navbar对齐右侧部分左侧错误所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。