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

我已经隐藏了

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>

帐号
123456789
服务地址
汉普顿Rampasture Raod 49号
应付金额
付款日期：2015年12月9日

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

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

---

您可以使用这个css类

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

试试这个css

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

}

---

请发布一些代码，并更清楚地描述您的问题。你现在看到了什么？您想看什么？请提供代码？您的问题不清楚，请提供您尝试过的代码。默认情况下，我想所有内容都是水平的。请让你的问题更清楚。请提供css+html示例（带有父div），你的问题可能是div的宽度和/或css