In this example below you will see how to do a review-editor with some HTML / CSS and Javascript

This awesome code was written by murindwaz, you can see more from this user in the personal repository.
You can find the original code on
Copyright murindwaz ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
      <link rel="stylesheet" href="css/style.css">



  <div class='review-editor'>
  <div class='review-profile-wrapper em-profile-wrapper'>
    <b class="avatar-frame" style="background-image: url(//;text=PM);" title="Pascal Maniraho"></b>
  <div class='review-content-wrapper'>
    <textarea class='review-textarea' cols='10' rows='3'>




/*Downloaded from */
.em-profile-wrapper {
  position: relative;
  top: 75%;
  left: 75%;
  overflow: hidden;
  float: left;

.review-editor {}

.avatar-frame {}

.review-content-wrapper {
  float: left; 
  width: 90%;
  float: left; 
  width: 90%;

.review-textarea {
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 20px;