span里面的p标签 为甚么跑到别处去了(标签-媒体)

 <span>首页  <p>p>
              
            span>
            <div>
                <ul>
                    <li>关于我们li>
                    <li>ESGli>
                    <li>投资者关系li>
                    <li>新闻及媒体资源li>
                    <li>加入我们li>
                ul>
            div>
        li>
        <li>
            <span>社会招聘 <p>p>span>
            <div>
                <ul>
                    <li>搜索你感兴趣的职位li>
                    <li>业务介绍li>
                    <li>流程公告li>
                ul>
            div>
        li>
        <li>
            <span>校园招聘 <p>p>span>
            <div>
                <ul>
                    <li>通知专区li>
                    <li>业务介绍li>
                    <li>校招漫画书li>
                    <li>多元生活li>
                ul>
            div>
        li>
        <li>
            <span>工作城市<p>p>span>
            <div>
                <ul>
                    <li>国内城市li>
                    <li>海外城市li>
                ul>
            div>
        li>
        <li>
            <span>个人中心<p>p>span>
            <div>
                <ul>
                    <li>登录li>
                ul>
            div>
        li>
    ul>

发不了 图片很难受 这个效果不该是

标签里面的东西 肯定在span的框框内吗 运行效果 p标签里面的东西 首页那个span 里反而没有 跑到了 关于我们

下面的span里到时有 可是 span下的第一个li 里也有了

img


没有你的css 只复制了你的html 请问是有什么问题吗

  1. 不建议 span 包裹 p 浏览器 会有警告 。
  2. 不想让 换行
    可以 把p 换成 span 或者 给 span 加个 display:flex
  3. 我建议
<div>
    <span>工作城市</span>
    <span>V</span>
</div>