HTML：HTML界面实现HTML代码编译运行界面，前端项目开发如何设计整体架构

css

==============================================================

.main_right .code_test div{

height: 100%;

width: 50%;

position: relative;

}

.main_right .code_test div textarea{

height : 90%;

width: 90%;

background-color: #ffffc0;

position: absolute;

margin-left: 50%;

transform: translateX(-50%);

resize:none;

}

.main_right .code_test .code-test-left{

float: left;

}

.main_right .code_test .code-test-right{

float: right;

}

.main_right .code_test .code-test-right .textareaCoded{

height : 90%