JSFiddle - React, Tailwind, and code Playground

HTML

<!--[if !IE]> -->
    <style type="text/css">
    span {
            display: block;
            transform: rotate(270deg);
            -ms-transform: rotate(270deg); /* Internet Explorer 9*/
            -moz-transform: rotate(270deg); /* Firefox */
            -webkit-transform: rotate(270deg); /* Safari 和 Chrome */
            -o-transform: rotate(270deg); /* Opera */
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            white-space: nowrap;
            text-indent: -70px;
            
            
            *text-indent: -105px;
            color:red;
          }   
    </style>
	<!-- <![endif]-->
  <div style="border:1px solid red">
  <span >Currently Using: 
<!--[if IE 6]><style type="text/css">.foo { color: powderblue; } </style> IE 6<![endif]-->
<!--[if IE 7]><style type="text/css">.foo { color: skyblue; } </style>IE 7<![endif]-->
<!--[if IE 8]><style type="text/css">.foo { color: dodgerblue; } </style>IE 8<![endif]-->
<!--[if gt IE 8]><style type="text/css">.foo { color: royalblue; } </style>IE 9<![endif]-->
  </span>
  </div>