Нужно, чтобы таблицы не переносились на новую строку при нехватке места в родительском элементе. При этом width
родительского div
не должен быть фиксированным.
#header {
border-top: 1px dotted #778899;
border-bottom: 1px dotted #778899;
height:5.5em;
background-color: gainsboro;
overflow-x: auto;
overflow-y: hidden;
}
#header .links {
background-color: whitesmoke;
color: firebrick;
float: left;
margin-left: 1.5em;
margin-top: 0.5em;
}
<div id="header">
<table class="links">
<tr>
<td>1:</td>
<td>blablablablablablablablablablablablablablablabla</td>
</tr>
</table>
<table class="links">
<tr>
<td>2:</td>
<td>blablablablablablablablablablablablablablablabla</td>
</tr>
</table>
</div>