让textarea在div中彼此相邻

Question

所以我有一个div，我有2个

<textarea>

里面有

标签。如何让它们彼此相邻而不是每行一个。

JSFiddle:

Answer 1

在这种情况下，你可以做到

.input-field-div{
   display:inline-block; 
}

.thirdrow {
    background-color: blue;
    border: 10px solid red;
    border-radius: 10px;
}
.input-field-div{
   display:inline-block; 
}
}

<div class="col-md-12 thirdrow">
    <!-- Input Fields -->
    <!-- Player 1 Name Input Field -->
    <div class="input-field-div">
        <textarea id="input-player1-name" rows="1" placeholder="Player 1 Name"></textarea>
    </div>
    <!-- Player 2 Name Input Field -->
    <div class="input-field-div">
        <textarea id="input-player2-name" rows="1" placeholder="Player 2 Name"></textarea>
    </div>
</div>