m4rk3r/index.html

## index.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="script.js" charset="utf-8" defer></script>

    <style media="screen">
      #message-bin {
        width: 500px;
      }
      #message-bin li {
        list-style-type: none;
        border: solid 1px black;
        border-radius: 5px;
        margin: 5px 0;
      }
      .answer {
        text-align: right;
      }
    </style>
  </head>
  <body>
    <ul id="message-bin">
      <li>what is your name?</li>
    </ul>

    <input id="text-input" type="text" name="" value="">
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="utf-8">
	<title></title>
	<script src="script.js" charset="utf-8" defer></script>

	<style media="screen">
	#message-bin {
	width: 500px;
	}
	#message-bin li {
	list-style-type: none;
	border: solid 1px black;
	border-radius: 5px;
	margin: 5px 0;
	}
	.answer {
	text-align: right;
	}
	</style>
	</head>
	<body>
	<ul id="message-bin">
	<li>what is your name?</li>
	</ul>

	<input id="text-input" type="text" name="" value="">
	</body>
	</html>