css換行后縮進，css縮進技巧

一般情況下像下圖這樣需要縮進的，一般都會外面一個div里面兩塊需要兩個div然后用定位或者flex、table、浮動后設置寬度等來實現

已知寬度的情況下上面列的方法都適用

不知寬度的情況下可以用flex、table等來實現

<div class="main">
    <div class="list">八卦：八卦，見於《周易·系辭下》雲：“古者包犧氏之王天下也，仰則觀象於天，俯則觀法於地；觀鳥獸之文與地之宜；近取諸身，遠取諸物，於是始作八卦，以通神明之德，以類萬物之情。” [1]  八卦生自太極、兩儀、四象中，“四象生八卦”。</div>
    <div class="list">天氣：天氣是指某一個地區距離地表較近的大氣層在短時間內的具體狀態。而天氣現象則是指發生在大氣中的各種自然現象，即某瞬時內大氣中各種氣象要素（如氣溫、氣壓、濕度、風、雲、霧、雨、閃、雪、霜、雷、雹、霾等）空間分布的綜合表現。</div>
</div>

如果和上面這樣的列表一樣，就不適合之前的做法了

可以直接給list添加padding和text-indent來實現

.list{
    padding-left: 50px;
    text-indent: -50px;
}