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

-1

我有隐藏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>

来源

2016-01-20 Ayush Mishra

请发表你的一些代码，并更清楚地说明你的问题。你现在看到什么？你要看什么？ – KWeiss

请提供code？ –

你的问题不清楚，请提供你的代码。 – Gugan

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

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

来源

2016-01-20 10:03:43 Avis

你可以使用这个CSS类

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

来源

2016-01-20 10:06:36

试试这个CSS

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

}

来源

2016-01-20 10:21:55 Gugan

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

回答

相关问题