Question

我试图在我的div的正确网站上创建一个边界作为一种断点，然后开始我的内容。但是，div占用了页面的整个宽度，我无法修复它。我已经尝试过最大宽度，我已经尝试将它变成一个内联块，没有。

＆＃13;

.15Info {
      display: inline-block;
      padding-top: 50px;
      height: auto;
      max-width: 100%;
    }
    .package {
      padding-left:70px;
      margin-top: 15px;
    }
    .monthlyPrice {
      padding-left:55px;
      font-size:52px;
      font-weight: bold;
      color: #277FD8;
    }
    .differentbandwidth {
      margin-left: 7px;
      text-align: center;
      padding: 15px;
      border-style: solid;
      border-color: #277FD8;
      border-width: 3px;
      border-radius: 8px;
      max-width: 270px;
    }
    .border {
      border-right: thick solid #277FD8;
    }

＆＃13;

<div class="15Info border">
      <h1 class="package">Cable 15</h1>
      <h3 class="monthlyPrice">\$39.99</h3>
      <h3 class="differentbandwidth">\$69.99 for unlimited</h3>
    </div>

＆＃13;

Answer 1

您不能使用数字作为班级名称中的第一个字母。

Answer 2

This StackOverflow thread explains a bit more about CSS class names.

您的.15Info课程名称不正确。 CSS类需要以字母，下划线或连字符开头。

边框是页面的全宽

2 个答案: