對齊問題

Question

我是HTML/CSS和堆棧溢出的新手。我正在爲我的課程開展一個項目，並且我在正確對齊徽標，麪包，調味品等時遇到了問題。我在CSS中嘗試過不同的東西，但似乎沒有任何工作。任何幫助將非常感激。另外，如果我發佈的內容不正確，我很抱歉，這是我第一次嘗試堆棧溢出，我只是想學習！

My attempt: 

https://codepen.io/megmckinsey92/pen/awqVRq/?editors=1100

Answer 1

對於每個divs的太寬嘗試添加該屬性：

.everythingThatIsTooWide { 
    width: 25%; 
    margin: auto; 
} 

還爲每個divs那是的包含多個div元素在一行如.extra和.upgrades do th是：

<div class="wrapper"> 
/* My divs */ 
</div> 

.wrapper { 
    width: 25%; 
    margin: auto; 
}