Code Examples
            
            
<div class="flex overflow-y-hidden overflow-x-auto" style="-webkit-overflow-scrolling: touch;z-ms-overflow-style: -ms-autohiding-scrollbar;scrollbar-width: none;">
    <div class="flex items-center"><a href="#" class=" whitespace-nowrap text-sm rounded mr-2 py-1 mb-2 px-3 border border-gray-300 text-gray-800 bg-white ">전체</a></div>
    <div class="flex items-center"><a href="#" class="flex items-center  whitespace-nowrap text-sm border border-gray-300 rounded mr-2 py-1 mb-2 px-3 hover:text-gray-800  text-gray-400 bg-gray-100 ">Q&amp;A</a>
    </div><div class="flex items-center"><a href="#" class="flex items-center  whitespace-nowrap text-sm border border-gray-300 rounded mr-2 py-1 mb-2 px-3 hover:text-gray-800  text-gray-400 bg-gray-100 ">아이디어제안</a>
    </div><div class="flex items-center"><a href="#" class="flex items-center  whitespace-nowrap text-sm border border-gray-300 rounded mr-2 py-1 mb-2 px-3 hover:text-gray-800  text-gray-400 bg-gray-100 ">버그</a>
    </div><div class="flex items-center"><a href="#" class="flex items-center  whitespace-nowrap text-sm border border-gray-300 rounded mr-2 py-1 mb-2 px-3 hover:text-gray-800  text-gray-400 bg-gray-100 ">TIP</a>
    </div><div class="flex items-center"><a href="#" class="flex items-center  whitespace-nowrap text-sm border border-gray-300 rounded mr-2 py-1 mb-2 px-3 hover:text-gray-800  text-gray-400 bg-gray-100 ">기타</a>
    </div>
</div>