JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <style>
          #f_rap{   /*걍 완전 큰 하나의 조재영 영역 */
        width:1110px;
        height:900px;
        border:1px solid yellowgreen;
        float: left;
         }

     .f_div1 { /*위에 부분 파란색 p태그,list,중제목,챕터페이지*/
         float:left;
         width:130px;
         height:700px;
         border:1px solid blue;
         margin-left: 1px;margin-top: 0px;
     }

 
 .f_div1-1 { /*파란색 안에서 나뉘는 좌측 부분*/
        float:left;
        width:480px;
        height:700px;
        border:1px solid gray;
        margin-left: 5px;margin-top: 5px;
    }

    .f_div2 { /*맨아래 작은칸*/
        float:left;
        width:200px;
        height:100px;
        border:1px solid gray;
        margin-left: 5px;margin-top: 5px;
    }
    </style>


    <script type="text/javascript">
        var temp; 
        function input() {
            var input = document.getElementById("input").value; 
            temp = input;

            document.getElementById("output").value = temp;
        }
    </script>
</head>

<body>
    <div id=f_rap>
            
        <div class=f_div1>
            <center> <br><br><br><br>
                <button type="button" onclick="alert('P태그')">P태그</button> <br><br>
                <button type="button" onclick="alert('List')">List</button> <br><br>
                <button type="button" onclick="alert('중제목')">중제목</button> <br><br>
                <button type="button" onclick="alert('챕터페이지')">챕터페이지</button> <br><br>
            </center>
        </div>
        
        <div class=f_div1-1>            
            <textarea rows="44" cols="68" id="input"></textarea>
        </div>
        
        <div class=f_div1-1>
            <textarea rows="44" cols="68" id="output"></textarea>
            
        </div>

        <div class=f_div2> </div>
        <div class=f_div2> </div>
        <div class=f_div2> 
            <button onclick="input()">입력&#38;출력</button> </div>
            
       ...