html - 如何在DIV中添加两行文本

Question

我有以下代码(CSS 是内联的，但一旦测试完成，它将被移动到指定的文件):

<div style="width: 100%; overflow: hidden;">
<div style="float: left; width: 15%; height: 30px; line-height: 30px; vertical-align: middle; background: #FF00FF; padding: 0; margin: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; color: #FFFFFF; font-family: Verdana; font-size: 9px; overflow: hidden; text-align: center;">
    <div style="text-align: center; width: 90%; padding: 0 0 0 10%; margin: 0; height: 30px; overflow: hidden;">
        URGENT CARE
        TODAYS DATE <!-- NEXT LINE CENTERED UNDERNEATH "URGENT CARE" -->
    </div>
</div>

显示这个:

如何修改 CSS，使两行显示为 URGENT CARE of top and right below is TODAYS DATE？

Answer 1

为此你需要一些 Jquery

演示

http://jsfiddle.net/zp0q1yrx/

Jquery

var currtime = new Date();
var currdate = new Date();

currdate = (currdate.getMonth()+ 1) + '/' + currdate.getDate() + '/' + currdate.getFullYear(); 

currtime = (currtime.getHours() + ":"+ currtime.getMinutes());

$("#message").html("");
$("#message").html( "URGENT CARE<br />" + currdate + " " + currtime);