力だけでは、外部CSSを使用して、私は次のことを持っている1行

Question

に維持するのdiv内のすべてのテキスト...

<div id="nav-above" class="navigation"> 
<div class="nav-previous"><a href="link" rel="prev"><span class="meta-nav">&laquo;</span> title</a></div> 
<div class="nav-next"><a href="link" rel="next">title <span class="meta-nav">&raquo;</span></a></div> 
</div><!– #nav-above –> 

はちょうどライン上に残すことのすべてを強制することが可能です？

Answer 1

div[class^=nav-] { 
    float: left; 
} 

これでうまくいくはずです。私のスニペットはCSS3セレクタを使用しているため、先進のブラウザでは機能しない可能性があります。両方のdivに同じクラスを提供すると、通常のセレクタを使用できます。

UPDATE：その後、

<div id="nav-above" class="navigation"> 
<div class="nav-previous navigation-links"><a href="link" rel="prev"><span class="meta-nav">&laquo;</span> title</a></div> 
<div class="nav-next navigation-links"><a href="link" rel="next">title <span class="meta-nav">&raquo;</span></a></div> 
</div><!– #nav-above –> 

（新しいクラス.navigationリンクに注意してください）

そして、ちょうど変更：あなたはこのような何かをしない限り、

これは、IE6で動作しません。 CSSセレクター：

div.navigation-links { 
    float: left; 
} 

Answer 2

試してみてください：http://jsfiddle.net/dT49F/

HTML：

<div class="container"> 
    <div id="nav-above" class="navigation"> 
     <div class="nav-previous"> 
      <a href="link" rel="prev"> 
       <span class="meta-nav">&laquo;</span> 
       much much longer link title here and here and here 
      </a> 
     </div> 
     <div class="nav-next"> 
      <a href="link" rel="next"> 
       much much longer link title here and here and here 
       <span class="meta-nav">&raquo;</span> 
      </a> 
     </div> 
    </div> 
</div> 

CSS：

.container div { 
    display: inline; 
    white-space: nowrap; 
} 

Answer 3

インナーDIVのための任意の理由は？私はちょうどそれらを落としたいと思います - クラスが必要な場合は、リンクに直接割り当ててください：

<div id="nav-above" class="navigation"> 
<a href="link" rel="prev" class="nav-previous"><span class="meta-nav">&laquo;</span> title</a> 
<a href="link" rel="next" class="nav-next">title <span class="meta-nav">&raquo;</span></a> 
</div><!– #nav-above –>