Make div same as normal text using CSS

[OXifyTch]

I want to make my website responsive,When the width is less than 1024px, I need to add the div menu-item to the menu.I need to use this when the width is more than 1024px\[code\]<div id="menu" > HOME TOP40 DJS <div id="br"></div> SHOUTBOX VERZOEKJES</div>\[/code\]And when the width is less than 1024px, I need to use this\[code\]<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>\[/code\]So when the width of the screen is more than 1024px, I want to make the #menu-itemthe same as text, I already tried float: left; but that wasn't working.Sorry, I don't know what kind of code's you need soLive demo is at random-radio.net