Code Examples
            
            
<div class="max-w-screen-md mx-auto px-3">
    <div class="border border-gray-200 bg-white rounded-lg p-10">
        <div class="flex justify-center mb-5"><div class="text-red-500 text-4xl"><i class="fas fa-trash-alt"></i></div></div>
        <div class="flex justify-center">
            
            <h1 class="text-gray-800 text-2xl font-semibold">삭제 하시겠습니까?</h1>
            
        </div>
        <div class="flex justify-center text-lg text-gray-500 pt-3"> 느낌있는 헤더 스타일</div>
        <div class="flex justify-center pt-10">
            <a href="#" class="px-5 py-3 rounded mr-1 text-gray-100 bg-gray-500 hover:bg-gray-600">취소</a>
            <button type="submit" class="px-10 py-3 rounded mr-1 text-red-100 bg-red-500 hover:bg-red-600">삭제</button>
        </div>
    </div>
</div>