css - css没有跨页面排列

Question

我无法让第二个 ul 与两个 p 标签和第一个 ul 在同一行开始。它位于右下角，我需要它在页面上排成一行。css 在 html 中，以便在修复问题时易于使用

<p style="display:inline;float:left;margin-left:20px;">
    <strong>New Features</strong></p>
<ul style="display:inline-block;margin-left:20px;">
    <li>Distributor area for all ordering, logisitics and planning</li>
    <li>Customer area for usage stats, equipment monitoring and<br /> savings calculators</li>
    <li>Full history for quarterly filings, investor updates and<br /> press releases</li>
</ul>
<p style="display:inline;float:right;margin-right:400px;">
    <strong>This site is best viewed in</strong></p>
<ul style="display:block;float:right;margin-right:15px;">
    <li>FireFox 3.6.13</li>
    <li>Safari 4.0.5 &amp; 5.0.2</li>
    <li>Google Chrome 9.0.597.86 Beta</li>
    <li>Internet Explorer 9</li>
</ul>