Добавление пожелания на страницу.
Вообщем такая ситуация, все работает. НО, как заставить вновь добавленное пожелание размещаться строго в рамках <div>'а. Получается, что добавляется 1ой строкой.
<body>
<div id="mainDiv">
<div id="head">Оставьте свое пожелание:</div>
<div id="middle"><form>
<textarea id="Text" wrap="hard" ></textarea>
</form><br />
<button>ADD</button>
</div>
<div id="footer"></div>
</div>
</body>
$(document).ready(function() {
$('button').click(function(){
var text = $('#Text').val();
$('#footer').append('<div id="newDiv"><p class="newClass">'+ text +'</p></div>');
});
});
CSS:
body{
width:600px;
margin:auto;
border-left: 1px solid silver;
border-right: 1px solid silver;
}
#mainDiv{
padding: 10px 40px 10px 40px;
}
#newDiv{
border:1px solid black;
display: inline-block;
width: 150px;
height: 150px;
margin:10px;
}
.newClass{
color:red;
font-size:10px;
width: 150px;
padding: 10px;
}
|