a標籤將 display 設為 block 後，其內部內容無法將a標籤寬度撐開

Question

各位大佬好，我現在在自學html，在寫頁面的時候遇到了個問題，將a標籤的display設置為block後，a標籤裡面的內容無法將a標籤的寬度撐開，我查看了程式碼，不知道哪裡出了問題，想請教一下各位有經驗的大佬幫忙看看，不勝感激！ ！

以下附上程式碼：

Answer 1

flex僅對子元素有效