vladislavaSim
/
homeworks


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HW13</title>
    <style>

        .chat-header {
            text-align: left;
        }
        #chat-message {
            border-radius: 5px;
            padding: 7px;
            background-color: #ccc;
            display: inline-block;
            margin-left: 5px;
        }
        .msg {
            width: 250px;
            border: 1px solid grey;
            padding: 5px 10px;
            margin: 5px;
            background: seashell;
        }
        p {
            margin: 5px;
        }
        .msg p:first-child {
            font-size: 20px;
        }
    </style>
</head>
<body>
<main class="main">
<div class="chat">
    <h1 class="chat-header">Chat</h1>
    <div id="content" class = "chat-header">
        <div class="form">
            Nick : <input type="text" id = 'nick' value="test">
            Message : <input type="text" id = 'msg'>
            <button id="sendButton">Отправить</button>
        </div>
    </div>
</div>
    <div id="msgHolder"></div>
</main>
<script src="main.js"></script>
</body>
</html>