如何在隐藏的div中水平显示内容？

Question

我隐藏了div并且在显示div时有一些内容，内容应该水平显示而不是垂直显示？

点击按钮时会显示div。

<div class = "firstHidden">
    <h4> Account No </h4>
    <h5> 123456789 </h5>
    <h4> Service Address </h4>
    <h5> 49, Rampasture Raod, Hampton</h5>
    <h4> Amount Due </h4>
    <h5> payment Date : 09/12/2015 </h5>
</div>

Answer 1

试试这个css

.firstHidden h4, .firstHidden h5{
     float:left;
     padding-right:10px;

}

Answer 2

在CSS中尝试以下操作：根据您的要求调整div的宽度。

div {
    border: 1px solid black;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}

Answer 3

您可以使用此css类

.toCenterHorizontally{
    margin: auto;
    width: 60%;
    border: 3px solid #73AD21;
    padding: 10px;
}