我有一個(gè)包含笑話列表的部分，其中每個(gè)笑話都單獨(dú)包含在 div 中。在每個(gè)笑話中有兩個(gè)段落，我試圖將它們對(duì)齊以顯示在左側(cè)（彈性容器的開(kāi)頭）?，F(xiàn)在我面臨的兩個(gè)主要問(wèn)題是第一段（Q:）沒(méi)有與容器的開(kāi)頭對(duì)齊我正在嘗試對(duì)齊段落，以便縮寫(xiě)和問(wèn)題都換行到容器內(nèi)容的最左邊邊界。我面臨的第二個(gè)問(wèn)題是第二段 (A:) 始終在容器中居中，而不是顯示在左側(cè)。我不確定為什么第一段不居中，但第二段在顯示網(wǎng)頁(yè)時(shí)居中。有人告訴我，這可以通過(guò)我一直試圖在div p規(guī)則集中找到的單個(gè)彈性規(guī)則來(lái)實(shí)現(xiàn)。總的來(lái)說(shuō)，我正在努力實(shí)現(xiàn)這種預(yù)期的顯示：超文本標(biāo)記語(yǔ)言 <section id="jokes">        <h2>Out Of This World Joke Inventory!</h2>        <p>Hover over each joke to see the answer!</p>        <div id="joke-cards">          <div id="sun-joke">            <img src="img/icon1.png" alt="Icon of shooting star">            <hr>            <p><span class="abbrv">Q:</span> Why did the sun go to school?</p>            <p><span class="abbrv">A:</span> <span class="answer">To get brighter!</span></p>          </div>          <div id="tick-joke">            <img src="img/icon2.png" alt="Icon of rocket blasting off">            <hr>            <p><span class="abbrv">Q:</span> What do you call a tick on the moon?</p>            <p><span class="abbrv">A:</span> <span class="answer">A luna-tick</span></p>          </div>          <div id="restaurant-joke">            <img src="img/icon3.png" alt="Icon of flag on the Moon">            <hr>            <p><span class="abbrv">Q:</span> Why did the people not like the restaurant on the moon?</p>            <p><span class="abbrv">A:</span> <span class="answer">Because there was no atmosphere.</span></p>          </div>     </div></section>