聯元素上新的一行

Question

我有以下代碼進行打印：

<div class="outsideDiv"> 
    <div class="element1">Name: </div> 
    <div class="element2">Something</div> 
    <div class="element3"> - </div> 
    <div class="element4">This something is great</div> 
</div> 

的外層div是顯示：塊和所有內部的div是顯示：內聯。在瀏覽器中這一切顯示了在同一行這樣的：

Name: Something - This something is great 

當我去打印時，4分格顯示在單獨的線路是這樣的：

Name: 
Something 
- 
This something is great 

我有一個很難弄清楚如何讓4個內部divs在同一行上打印。

Answer 1

<div class="outsideDiv"> 
    <div class="element1" style="display:inline">Name: </div> 
    <div class="element2" style="display:inline">Something</div> 
    <div class="element3" style="display:inline"> - </div> 
    <div class="element4" style="display:inline">This something is great</div> 
</div> 

或

寫給你的print.css：

.element1,.element2, .element3, .element4 {display: inline;}