html - 增加样式的宽度

标签 html css

我目前有这样的东西::

<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>

我的输出是这样的

enter image description here

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

最佳答案

您的非标准元素显然默认是内联的。

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

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

不过,使用标准 HTML 可能会更好:

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

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

关于html - 增加样式的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20082807/

相关文章:

javascript - 为呈现的 MDBootstrap 元素覆盖 CSS

html - 电子书阅读器不捕获 epub 文件的嵌入字体

jquery - 将登录表单放在页面右侧

javascript - 如何将二进制多部分表单数据作为 base64 发送?

python - 使用 BeautifulSoup 删除第一个子节点

javascript - JQuery .on 方法没有响应

javascript - jQuery 提交在 Opera 中不起作用

javascript - 如果为空或使用ajax添加带值的逗号,如何将值附加到输入?

angularjs - Bootstrap v3.3.6 下拉子菜单项在移动端不展开

css - 正确的级联媒体查询?/屏幕调整大小/刷新时的奇怪媒体查询行为