a標簽將 display 設置為 block 后，其內部內容無法將a標簽寬度撐開

問題描述

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

以下附上代碼：

問題解答

flex僅對子元素有效