< div class = "divide" > </ div > < div class = "user-right" > 2020-01-06 11:12:40 wang </ div > < div class = "chat-right" > < span > wsw Il fait beau aujourd'hui, pourquoi ne pas aller à la plage ensemble? ? </ span > < div class = "arrow-right" > </ div > </ div > < div class = "divide" > </ div > = "user-left" > Serveur en ligne 2020-01-06 11:12:40 </ div > < div class = "chat-left" > < span > Il fait beau aujourd'hui, allez à la plage ensemble allez à la plage ensemble </ span > < div class = "arrow-left" > </ div > </ div > < div class = "divide" > </ div > < div class = "user-right" > 2020-01-06 11 : 12: 40 James </ div > < classe div= "chat-right" > < span > wsw Il fait beau aujourd'hui, allons à la plage ensemble, à quel point il fait beau, allons à la plage ensemble, à quel point il fait beau, allez à la plage ensemble, à quel point il fait beau, allez à la plage ensemble Quel temps fait-il? Et si on allait à la plage ensemble? ? </ span > < div class = "arrow-right" > </ div > </ div > < div class = "divide" > </ div > < div class = "user-right" > 2020-01-06 11 : 12: 40 James.wang </ div > < div class = "chat-right" > < span > wsw Il fait beau aujourd'hui, pourquoi ne pas aller à la plage ensemble? ?</ span > < div class = "arrow-right" > </ div > </ div > < style type = "text / css" > .chat-right { position : relative ; hauteur : auto ; couleur de fond : # f2f2f2 ; hauteur de ligne : 26 px ; rembourrage : 5px 10px ; marge : 0px 80px 0 80px ; rayon-frontière : 8px ;flotteur : à droite ; } .chat-left { position : relative ; hauteur : auto ; couleur de fond : # e6f2ff ; hauteur de ligne : 26 px ; rembourrage : 5px 10px ; marge : 2px 80px 0 80px ; rayon-frontière : 8px ; float : left } .arrow-right { position : absolu ; en haut :5px ; à droite : -18px ; largeur : 0 ; hauteur : 0 ; bordure : 10px solide ; couleur de la bordure : transparent ; border-left-color : # f2f2f2! important ; affichage : bloc en ligne ; } .arrow-left { position : absolu ; haut : 5px ; gauche : -18px ; largeur : 0 ;hauteur : 0 ; bordure : 10px solide ; couleur de la bordure : transparent ; border-right-color : # e6f2ff! important ; affichage : bloc en ligne ; } .user-right { padding-right : 88px ; alignement du texte : à droite ; couleur : # 999 ; } .user-left { padding-left : 88px ; alignement du texte : gauche ;couleur : # 999 } .divide { largeur : 100% ; hauteur : 1px ; affichage : bloc en ligne ; } </ style >