HTML页面Logo旁公司名称上下排列显示异常求助

问题根源 #

1. 你司名称设置了白色（color:white），如果页面背景为白色，文字会完全被遮挡，这是无法看到的核心原因
2. 右侧文本容器的排版逻辑有问题，br标签在flex环境下的换行效果不稳定

修复后的完整代码 #

<body style="background-color: #222;">
    <div style="display: flex; align-items: center; gap: 15px; padding: 8px;">
        <a href="https://www.apple.com/">
            <img src="Images/apple.png" alt="RCA" width="80" height="80" class="d-inline-block align-middle mr-2" runat="server" />
        </a>
        <div style="font-size:25px;">
            <span style="color:#e9c46a;">This is parent Company</span>
            <div style="color:white;">This is my company name</div>
        </div>
    </div>
</body>

调整说明 #

• 给页面添加深色背景，确保白色的你司名称能正常显示（也可以直接把你司名称改成其他可见颜色）
• 外层容器改用div并设置display:flex; align-items:center，让Logo和文本垂直居中对齐，同时用gap控制间距更规范
• 右侧文本用div包裹，自然实现上下排版，比依赖br标签更可靠
• 简化了嵌套的span结构，让布局逻辑更清晰

内容的提问来源于stack exchange，提问作者rimi