sorry if has been asked, nothing found worked in case.
here current code. have included more detailed problems there, of elements either not appearing or appearing in unwanted locations.
https://jsfiddle.net/9e8tffh5/2/
<div class="chat"> <div class="bar"> <div class="title"> <span class="name">random chat</span> </div> </div> <div class="options"> </div> <div class="room"> <div class="post other" id="1"> <div class="content"> <span class="note">hi there!</span> </div> <div class="details"> <div class="poster"> <span class="name">bob</span> </div> <div class="time"> <span class="time">9:32</span> </div> </div> </div> <div class="post self" id="2"> <div class="content"> <span class="note">hi bob</span> </div> <div class="details"> <div class="time"> <span class="time">12:32</span> </div> </div> </div> <div class="post self" id="3"> <div class="content"> <span class="note">how doing?</span> </div> <div class="details"> <div class="time"> <span class="time">9:33</span> </div> </div> </div> <div class="post other" id="4"> <div class="content"> <span class="note">great!</span> </div> <div class="details"> <div class="poster"> <span class="name">bob</span> </div> <div class="time"> <span class="time">9:32</span> </div> </div> </div> </div> <div class="message"> <div class="input"> <input type="text" placeholder="send message" /> </div> </div> </div>
.chat .room .self { /* position: absolute; right: 8px; */ text-align: right; } .chat .room .self .details { /* position: absolute; right: 8px; */ text-align: right; } 
Comments
Post a Comment