Šablona:Test/styles.css: Porovnání verzí
Skočit na navigaci
Skočit na vyhledávání
Přidaný obsah Smazaný obsah
imported>Le0 Bez shrnutí editace |
imported>Le0 Bez shrnutí editace |
||
Řádek 1: | Řádek 1: | ||
/* volnej píseček na testování CSS :) */ |
/* volnej píseček na testování CSS :) */ |
||
/* Container holding the image and the text */ |
|||
.x { |
|||
.container { |
|||
position: relative; |
|||
text-align: center; |
|||
color: white; |
|||
} |
|||
/* Bottom left text */ |
|||
.bottom-left { |
|||
position: absolute; |
|||
bottom: 8px; |
|||
left: 16px; |
|||
} |
|||
/* Top left text */ |
|||
.top-left { |
|||
position: absolute; |
|||
top: 8px; |
|||
left: 16px; |
|||
} |
|||
/* Top right text */ |
|||
.top-right { |
|||
position: absolute; |
|||
top: 8px; |
|||
right: 16px; |
|||
} |
|||
/* Bottom right text */ |
|||
.bottom-right { |
|||
position: absolute; |
|||
bottom: 8px; |
|||
right: 16px; |
|||
} |
|||
/* Centered text */ |
|||
.centered { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
/* transform: translate(-50%, -50%); */ |
|||
} |
} |
Verze z 4. 1. 2020, 19:01
/* volnej píseček na testování CSS :) */
/* Container holding the image and the text */
.container {
position: relative;
text-align: center;
color: white;
}
/* Bottom left text */
.bottom-left {
position: absolute;
bottom: 8px;
left: 16px;
}
/* Top left text */
.top-left {
position: absolute;
top: 8px;
left: 16px;
}
/* Top right text */
.top-right {
position: absolute;
top: 8px;
right: 16px;
}
/* Bottom right text */
.bottom-right {
position: absolute;
bottom: 8px;
right: 16px;
}
/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
/* transform: translate(-50%, -50%); */
}