Chcę, aby wyglądało następująco (WYJUSTOWANE?!):
(LEWO) SPAN 1 (ŚRODEK) SPAN 2 (PRAWO) SPAN 3
Kod wygląda tak:
Kod: Zaznacz cały
<div class="info">
<span class="cat bl">...</span>
<span class="comment">...</span>
<span class="tag bl">...</span>
</div>
text-align - nie udało się
padding - nie udało się
Więc jak zrobić?!
Mój CSS:
Kod: Zaznacz cały
.info {
margin-bottom: 1em;
}
.info span {
font-size: 12px;
color: #999999;
margin-right: 24px;
padding-left: 18px;
}
.info .date {
background: transparent url(images/ico/date.gif) no-repeat 0 1px;
}
.info .author {
background: transparent url(images/ico/author.gif) no-repeat 0 1px;
}
.info .comment {
background: transparent url(images/ico/comment.gif) no-repeat 0 1px;
padding-right: 1px;
}
.info .tag {
background: transparent url(images/ico/tag.gif) no-repeat 0 3px;
margin-bottom: 0.5em;
}
.info .cat {
background: transparent url(images/ico/cat.gif) no-repeat 0 3px;
}
.info .edit {
}
/* Wyłączone, żeby było w 1 linii
.info .bl {
display: block;
margin-bottom: 0.75em;
*/