tablo

by cihan eken

HTML

<body>
    <table cellspacing="0" cellpadding="0">
      <tr>
        <td class="h1">BİLDİRİMLER</td>
        <td class="h2">Burada mesaj yazacağım kısım olacak ancak responsive değil sabit genişlik ve yükseklikte olacak</td>
      </tr>           
    </table>
  </body>

CSS

table {width:500px;}
.h1 { 
background-color:black; 
color:white; 
transform: rotate(270deg);
width:151px;
height:50px;
text-align: center;
vertical-align: middle;
padding:35px 0px 0px 0px;
font-weight: 900;
display: inline-block;
}
.h2 { margin-left:-35px; background-color:red; color:white; height:100px;
width:375px; text-align: center; display: inline-block;padding-top:50px;}