Scribd
Upload
4 views2 pages

00

The document contains an HTML page with styling for a chat message component. It displays 3 sample chat messages with different senders and contents.

Uploaded by

lidanindah.video
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
4 views2 pages

00

The document contains an HTML page with styling for a chat message component. It displays 3 sample chat messages with different senders and contents.

Uploaded by

lidanindah.video
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
margin: 0;
padding: 20px;
}

.message-container {
max-width: 300px;
margin: 10px auto;
padding: 10px;
border-radius: 8px;
background-color: #ffffff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.sender {
font-weight: bold;
margin-bottom: 5px;
}

.message-content {
margin-bottom: 10px;
}
</style>
<title>Chat Message</title>
</head>
<body>

<div class="message-container">
<div class="sender">John Doe</div>
<div class="message-content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec
odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.
</div>
</div>

<div class="message-container">
<div class="sender">Jane Doe</div>
<div class="message-content">
Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
Praesent mauris. Fusce nec tellus sed augue semper porta.
</div>
</div>

<div class="message-container">
<div class="sender">Alice Doe</div>
<div class="message-content">
Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem
quis bibendum auctor, nisi elit consequat ipsum.
</div>
</div>
</body>
</html>

You might also like