74 lines
1.7 KiB
HTML
74 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<title>TailwindCSS</title>
|
|
</head>
|
|
<body>
|
|
<!-- Positioning -->
|
|
|
|
<!-- Top left corner -->
|
|
|
|
<!-- Top right corner -->
|
|
|
|
<!-- Bottom left corner -->
|
|
|
|
<!-- Bottom right corner -->
|
|
|
|
<!-- Span top edge -->
|
|
|
|
<!-- Span left edge -->
|
|
|
|
<!-- Span right edge -->
|
|
|
|
<!-- Span bottom edge -->
|
|
|
|
<!-- Display Classes -->
|
|
|
|
<!-- Z-Index -->
|
|
|
|
<!-- Floats -->
|
|
</body>
|
|
</html>
|
|
|
|
<!-- Position Classes
|
|
static position: static;
|
|
fixed position: fixed;
|
|
absolute position: absolute;
|
|
relative position: relative;
|
|
sticky position: sticky;
|
|
-->
|
|
|
|
<!-- Display Classes
|
|
block display: block;
|
|
inline-block display: inline-block;
|
|
inline display: inline;
|
|
flex display: flex;
|
|
inline-flex display: inline-flex;
|
|
table display: table;
|
|
grid display: grid;
|
|
inline-grid display: inline-grid;
|
|
contents display: contents;
|
|
list-item display: list-item;
|
|
hidden display: none;
|
|
-->
|
|
|
|
<!-- Z-Index
|
|
z-0 z-index: 0;
|
|
z-10 z-index: 10;
|
|
z-20 z-index: 20;
|
|
z-30 z-index: 30;
|
|
z-40 z-index: 40;
|
|
z-50 z-index: 50;
|
|
z-auto z-index: auto;
|
|
-->
|
|
|
|
<!-- Float
|
|
float-right float: right;
|
|
float-left float: left;
|
|
float-none float: none;
|
|
-->
|