.product-layout{
overflow: hidden;
}
.product-not-available{
color: white;
position: absolute;
text-transform: uppercase;
text-align: center;
border: 3px white double;
width: 200px;
background-color: #b90909;
margin-left: -74px;
margin-top: 15px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
z-index: 3;
height: 27px;
}
.product-not-available p{
padding-top: 1px;
width: 120px;
margin: auto;
font-size: 11px;
margin-left: 30px;
}
.product-not-available:before{
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content:"*";
color: transparent;
position: absolute;
z-index: -1;
border-left: 15px solid transparent;
border-bottom: 5px solid transparent;
border-top: 15px solid transparent;
border-right: 15px solid #890606;
height: 0;
width: 0;
margin-left: -82px;
margin-top: 11px;
}
.not-available-mark{
position: absolute;
text-transform: uppercase;
background-color: #b90909;
color: white;
font-size: 30px;
padding: 10px;
padding-left: 10px;
padding-right: 10px;
border: 5px white double;
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
left: 33%;
margin-top: 94px;
left: 50%;
margin-left: -140px;
width: 280px;
text-align: center;
}
Bu şekilde bir kod va bu sol taraf şöşn bunu sağtarafa nasıl ayarlayabilirim
