Когда я пытаюсь выровнять текст снизу в элементе DIV, я сталкиваюсь с проблемой, что, когда текст выше достаточно длинный, чтобы достичь нижней части элемента DIV, он перекрывается с текстом, выровненным снизу.Вот код: http://jsfiddle.net/Kw758/
<html>
<head>
<title>Date</title>
<style type="text/css">
#container {
position: relative;
border: 1px solid gray;
width: 200px;
}
#date {
margin-top: 1em;
position: absolute;
bottom: 5px;
right: 5px;
}
</style>
</head>
<body>
<div id="container">
<span>
This is a very very long text that might overlap with the date
just below this.
</span>
<div id="date">
January 1, 2012
</div>
</div>
</body>
</html>
Как я могу предотвратить наложение текста в элементе SPAN и текста в элементе DIV?
Причина, по которой я выравниваю снизуэто с атрибутом 'position' вместо просто установки даты на 'float: right', потому что в моей реальной задаче DIV должен иметь минимальную высоту, поэтому нижняя граница элемента DIV может быть очень далекоиз текста в элементе SPAN.