#contoh1{background:grey;width:200px;text-align:center}#contoh1 span{background:crimson;color:#fff}#contoh2{background:grey;width:200px;display:flex;justify-content:center}#contoh2 span{background:brown;color:#fff}#contoh3{background:grey;width:200px}#contoh3 div{background:cornflowerblue;margin:0 auto;width:fit-content;color:#fff}#contoh4{background:grey;width:200px}#contoh4 div{width:27%;height:27px}#kiri{background:lime;margin-right:auto}#kanan{background:pink;margin-left:auto}#contoh5{background:grey;width:200px;position:relative}#contoh5:before{content:" "}#contoh5 span{background:chocolate;color:#fff;position:absolute;left:50%;transform:translate(-50%)}#contoh6{background:grey;height:200px;display:inline-block}#contoh6 span{background:purple;line-height:200px;color:#fff}#contoh7{background:grey;height:200px;display:inline-flex;align-items:center}#contoh7 span{background:deeppink;color:#fff}#contoh8{background:grey;height:200px;display:table-cell;vertical-align:middle}#contoh8 span{background:magenta;color:#fff}#contoh9{background:grey;height:200px;position:relative}#contoh9 span{background:yellowgreen;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}