html - 显示 :inline doesn't work work with border

Question

我在尝试将 2 个 div 并排放置时遇到了问题。

display: inline 它会删除我的边框并且不会将两个 div 放在同一行上。

请指教:

.gig {
    outline: 1px solid green;
    width: 400px;
    height: 200px;
    display: inline;
}

<div class="gig">
    <h3>The band</h3>
    <p><em>We love to play</em></p>
    <p>Great gigs we have met good people!</p>
</div>
<div class="gig">
    <h1>great shit</h1>
    <p>fdfdsfsd</p>
</div>

Answer 1

你可以使用:

float: left;

代替

display: inline;