CSS는 다른 기술 없이 수평 버튼을 구현합니다.
<p>가장 긴 버튼의 너비를 기준으로 너비가 동일한 두 개의 수평 버튼을 만들려고 합니다. </p>
<li>각 버튼의 텍스트 내용은 별도의 페이지에서 사용자가 조정할 수 있습니다. 따라서 텍스트 길이/첫 번째 버튼과 두 번째 버튼의 텍스트 길이를 제어할 수 없습니다. </li>
<li>버튼이 가장 긴 텍스트의 길이에 맞게 조정되지만 페이지 너비(예: 모바일 장치)를 초과하지 않기를 원합니다. </li>
<li>버튼이 기본적으로 가로로 표시되기를 원하지만, 가로로 표시되지 않으면 열로 쌓이게 됩니다. </li>
<li>전체 텍스트가 맞지 않으면 버튼의 텍스트를 줄 바꿈해야 합니다. </li>
</ul>
<pre class="brush:php;toolbar:false;"><div class="버튼-컨테이너">
<div class="horizontal-button" data-role="yes">예
<div class="horizontal-button" data-role="no">아니요, 죄송합니다. 그렇게 할 수 없습니다</div>
