body { font-family: 'Arial', sans-serif; background: #f8f9fa; } .chat-box { height: 400px; overflow-y: auto; border: 1px solid #ddd; border-radius: 5px; background: #fff; } .chat-box div { margin-bottom: 10px; } .user-message { text-align: right; background: #007bff; color: white; padding: 8px; border-radius: 10px; display: inline-block; max-width: 80%; } .bot-message { text-align: left; background: #f1f1f1; padding: 8px; border-radius: 10px; display: inline-block; max-width: 80%; }