가장 긴 버튼의 너비를 기준으로 너비가 동일한 두 개의 수평 버튼을 만들려고 합니다.

• 각 버튼의 텍스트 내용은 별도의 페이지에서 사용자가 조정할 수 있습니다. 따라서 텍스트 길이/첫 번째 버튼과 두 번째 버튼의 텍스트 길이를 제어할 수 없습니다.
• 버튼이 가장 긴 텍스트의 길이에 맞게 조정되지만 페이지 너비(예: 모바일 장치)를 초과하지 않기를 원합니다.
• 버튼이 기본적으로 가로로 표시되기를 원하지만, 가로로 표시되지 않으면 열로 쌓이게 됩니다.
• 전체 텍스트가 맞지 않으면 버튼의 텍스트를 줄 바꿈해야 합니다.

 
예
      
     
아니요, 죄송합니다. 그렇게 할 수 없습니다
    
다양한 옵션을 시도했지만... 제대로 작동하지 않습니다! 
    

     
그리드 레이아웃 Grid-template-colums: 1fr 1fr을 사용할 때 필요할 때 버튼을 열에 쌓는 방법을 찾을 수 없습니다. 
 
flex 및 flex:1 1 0을 사용할 때 버튼 너비를 텍스트 길이에 맞추는 방법을 찾을 수 없습니다. 
 
 
도와주세요! 
 
정말 감사합니다! 데미안.