Html 使用CSS使div与普通文本相同

我想让我的网站响应迅速

当宽度小于1024px时，我需要将div菜单项添加到菜单中

当宽度超过1024px时，我需要使用这个

<div id="menu" >
    HOME
    TOP40
    DJS
        <div id="br"></div>
    SHOUTBOX
    VERZOEKJES
</div>

家
前40名
DJ
SHOUTBOX
维尔佐耶斯

当宽度小于1024px时，我需要使用这个

<div id="menu" >
    <div id="menu-item">HOME</div>
    <div id="menu-item">TOP40</div>
    <div id="menu-item">DJS</div>
        <div id="br"></div>
    <div id="menu-item">SHOUTBOX</div>
    <div id="menu-item">VERZOEKJES</div>
</div>

家
前40名
DJ
SHOUTBOX
维尔佐耶斯

因此，当屏幕宽度超过1024px时，我想创建#菜单项 和文本一样，我已经尝试了float:left；但那不起作用

对不起，我不知道你需要什么样的代码

---

Live demo是随机的radio.net

你需要阅读CSS媒体查询，这里有一篇好文章：

你不应该在五个不同的元素上放置相同的id。已经找到了解决方案，因为我可能无法回答自己的问题，我将其发布在pastebin上：在这里发布一个答案，并将其标记为已接受。他说，声誉低于10的用户在提问后8小时内无法回答自己的问题。您可以在7小时内自行回答。在此之前，请使用评论或编辑您的问题。