+---------------------+---------------------+-------------------------+ | Propriedade | CSS Puro | Tailwind CSS | +---------------------+---------------------+-------------------------+ | Display | display: flex; | class="flex" | | Flex Direction | flex-direction: row; | class="flex-row" | | Justify Content | justify-content: space-between; | class="justify-between" | | Align Items | align-items: center; | class="items-center" | | Flex | flex: 1; | class="flex-1" | | Margin | margin: 10px; | class="m-4" (4 é equivalente a 10px no Tailwind) | | Padding | padding: 20px; | class="p-4" (4 é equivalente a 20px no Tailwind) | | Border | border: 1px solid #ccc; | class="border border-gray-300" | +---------------------+---------------------+-------------------------+