html - 增加样式的宽度

我目前有这样的东西：

<html>
    <head>
    <style>
       UseA
           {
            border-radius: 10px;
            background: #BADA55;
            height:500px;
            width:500px;
           }
    </style>
    </head>
  <body>

        <UseA>
                Hello , My name is Jim Some thing to test
        </UseA>

  </body>
 </html>

我的输出是这样的

如何增加样式标签的宽度和长度，使其看起来像下面的要求

最佳答案

默认情况下，您的非标准元素显然是内联的。

http://jsfiddle.net/isherwood/52RCt/

UseA {
    display: inline-block; /* or 'block', depending on your needs */
}

不过，使用标准HTML可能会更好：

<div class="UseA">...</div>

在后一种情况下，不需要额外的CSS，因为div默认是块级元素。