CSS/HTML：縮進包含硬返回的整個文本塊

Question

我想縮進一段文本 - 所有文本，而不僅僅是第一行 - 在佈局和文字處理程序中很常見的東西，我發現這個令人驚訝的困難與CSS。

我試過margin-left，padding和text-indent沒有成功。通過結合margin-left和display:block-inline，我設法讓塊縮進，但display:block-inline在塊的上方增加了一個空間，這會拋出佈局並且通常看起來很糟糕。顯然，另一種方法是<blockquote>但不推薦使用。任何人都可以提出一種方法來阻止與CSS縮進？另外我試圖保持代碼輕量級，所以不想做一個複雜的列表樣式，因爲這適合放大頁面。除了這個問題，
工作正常。感謝：

以下代碼縮進塊，但插入上方的空間。

HTML

Colors:<br> 
<span style="display:inline-block;margin:1em;"> 
blue<br> 
orange - complement to blue<br> 
red<br> 
purple - blend of red and blue</br> 
</span> 

Answer 1

它插入的空間，因爲你設置margin的跨度（頂部，左側，右側和底部）的兩側。
變化跨度的樣式這樣：

display:inline-block;margin-left:1em;