4 border:
10px solid black;
17 transform: rotate(
45deg);
22 The white text and grey backgrounds should all clip to the border-radius.
25 <!-- static container -->
26 <div class=
"outer" style=
"position: static;">
27 <div class=
"inner" style=
"position: static;">
32 <div class=
"outer" style=
"position: static;">
33 <div class=
"inner" style=
"position: relative;">
38 <!-- relative container -->
39 <div class=
"outer" style=
"position: relative;">
40 <div class=
"inner" style=
"position: static;">
45 <div class=
"outer" style=
"position: relative;">
46 <div class=
"inner" style=
"position: relative;">
47 relative
> relative
51 <div class=
"outer" style=
"position: relative;">
52 <div class=
"inner" style=
"position: absolute;">
53 relative
> absolute