JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    
</div>

CSS

.replyIcontd
{
    
 width:200%;   
    
    
}

replyContent
{
    border-top:1px;
    border-top-style:dotted;
    margin-top:15px;
    width:100%;
    border-top-color:Gray;
    margin-left:30px;
    
    
}

JavaScript

$(function(){ 
     var $imageicon = $('<img />', {
         'src' : '../../Content/images/ReplyIcon.png',
         'class' : 'replyIcon'
     });
     
     var $table = $('<table/>', {
         "class" : "replyContent",
         "id" : "replayArea",
         'html' : $('<tr />', {
                     'html' :  $('<td />', { 
                         'class': 'replyIcontd',
                         'html' : $imageicon 
                     }).html()+$("<td />", {
                         'text' : 'hii'
                     }).html()                      
                  })
                  
     });
     
 $("#container").append($('<div/>')
                          .attr('id', 'replytopost')
                  .append($table)
 );
});