如何在同一行上获取我的两个div而不为每个div设置宽度？(How to get my two divs on the same line without setting a width to eac

这是我应该如何得到内联div或者是否有必须完成的语义方式？ 当我将div设置为内联并向左浮动时，它们不会内联移动，它们会保留为块，任何人都可以提前向我解释这一点。 我有包作为其他两个div的容器的原因是使其内联并希望得到另外两个内联但它没有工作。

现行代码：

.packages {} .basic {
  width: 460px;
  display: inline;
  float: left;
  margin: 10px 10px 0px 10px;
}
.advanced {
  width: 460px;
  display: inline;
  float: left;
  margin: 10px 10px 0px 10px;
} 
  
<div class="packages">
  <div class="basic">
    <h3>Basic Package</h3>
    <p>Lorem ipsum dolor sit amet, usu dicit vituperata eu. Doctus utroque efficiendi vis id, cum dicunt possim officiis cu. At quod vidisse nam. Mentitum posidonium ex pro, ad blandit.</p>
    <p><a href="#">Learn More</a>
    </p>
  </div>
  <div class="advanced">
    <h3>Advanced Package</h3>
    <p>Lorem ipsum dolor sit amet, usu dicit vituperata eu. Doctus utroque efficiendi vis id, cum dicunt possim officiis cu. At quod vidisse nam. Mentitum posidonium ex pro, ad blandit</p>
    <p><a href="#">Learn More</a>
    </p>
  </div>
</div> 
  
 
Is this how I should get the divs inline or is there a semantic way it has to be done? When I set the divs to inline and float left only they do not move inline they stay as block can anyone also explain this for me thanks in advance. The reason i have package as the container of the other two divs was to make it inline and hopefully get the other two inline but it didnt work.
 
Current Code:
 
 
 
  
  
.packages {} .basic {
  width: 460px;
  display: inline;
  float: left;
  margin: 10px 10px 0px 10px;
}
.advanced {
  width: 460px;
  display: inline;
  float: left;
  margin: 10px 10px 0px 10px;
} 
  
<div class="packages">
  <div class="basic">
    <h3>Basic Package</h3>
    <p>Lorem ipsum dolor sit amet, usu dicit vituperata eu. Doctus utroque efficiendi vis id, cum dicunt possim officiis cu. At quod vidisse nam. Mentitum posidonium ex pro, ad blandit.</p>
    <p><a href="#">Learn More</a>
    </p>
  </div>
  <div class="advanced">
    <h3>Advanced Package</h3>
    <p>Lorem ipsum dolor sit amet, usu dicit vituperata eu. Doctus utroque efficiendi vis id, cum dicunt possim officiis cu. At quod vidisse nam. Mentitum posidonium ex pro, ad blandit</p>
    <p><a href="#">Learn More</a>
    </p>
  </div>
</div> 
  
 

                
最满意答案
                
                    
                        
 对于width设定calc(50% - 20px) 。 这20px是因为利润率。 通过这种方式，你可以保持你的利润。 
 
 有例子： 
 
 
 
  
  
.packages {} .basic {
  width: calc(50% - 20px);
  display: inline;
  float: left;
  margin: 10px 10px 0px 10px;
}
.advanced {
  width: calc(50% - 20px);
  display: inline;
  float: left;
  margin: 10px 10px 0px 10px;
} 
  
<div class="packages">
  <div class="basic">
    <h3>Basic Package</h3>
    <p>Lorem ipsum dolor sit amet, usu dicit vituperata eu. Doctus utroque efficiendi vis id, cum dicunt possim officiis cu. At quod vidisse nam. Mentitum posidonium ex pro, ad blandit.</p>
    <p><a href="#">Learn More</a>
    </p>
  </div>
  <div class="advanced">
    <h3>Advanced Package</h3>
    <p>Lorem ipsum dolor sit amet, usu dicit vituperata eu. Doctus utroque efficiendi vis id, cum dicunt possim officiis cu. At quod vidisse nam. Mentitum posidonium ex pro, ad blandit</p>
    <p><a href="#">Learn More</a>
    </p>
  </div>
</div> 
  
 
For width set calc(50% - 20px). This 20px is because margins. By this way, You can keep Your margins.
 
There is example :
 
 
 
  
  
.packages {} .basic {
  width: calc(50% - 20px);
  display: inline;
  float: left;
  margin: 10px 10px 0px 10px;
}
.advanced {
  width: calc(50% - 20px);
  display: inline;
  float: left;
  margin: 10px 10px 0px 10px;
} 
  
<div class="packages">
  <div class="basic">
    <h3>Basic Package</h3>
    <p>Lorem ipsum dolor sit amet, usu dicit vituperata eu. Doctus utroque efficiendi vis id, cum dicunt possim officiis cu. At quod vidisse nam. Mentitum posidonium ex pro, ad blandit.</p>
    <p><a href="#">Learn More</a>
    </p>
  </div>
  <div class="advanced">
    <h3>Advanced Package</h3>
    <p>Lorem ipsum dolor sit amet, usu dicit vituperata eu. Doctus utroque efficiendi vis id, cum dicunt possim officiis cu. At quod vidisse nam. Mentitum posidonium ex pro, ad blandit</p>
    <p><a href="#">Learn More</a>
    </p>
  </div>
</div>