У меня есть <span>
внутри <div>
который помещается как absolute
.
<div class="post">
<div class="post-main">
<h3>Title</h3>
<div class='post-meta'>
<div> <!-- These 2 spans are supposed to be displayed in ONE line -->
<span class='post-meta-key'>Field#1</span>
<span class='post-meta-value'>5-3</span>
</div>
<div>...
.post {position:relative;}
.post-main {position: absolute; left:80%; top:80%;}
Это должно работать так, как я хочу, но промежутки рушится в новые строки. Зачем? Что было бы исправить?
Использование:
span {
display:inline-block;
}
display:inline
display:inline
по умолчанию для тега span