Css 如何在另一个div中居中放置2个浮动div

我有下面的haml代码来显示用户头像和用户昵称+生物

.page_section.header
  .user_info_container
    //float left
    .avatar_container.pull_left
      .avatar
        %a.fancy{href: "<%= user.original_avatar_url %>"}
          %img{:src => "/v1/users/<%= user.nickname %>/picture/large"}
    //float left
    .user_details.pull_left
      .name
        %h1 <%= user.name %>
        <%= user.description %>

    .clearfix

---

我想要达到的效果。。。在父div（.pGeJEAGE）

> P>中间，将化身和文本集中到与代码>显示相同的效果：内联块；<代码>到子级和

文本对齐：居中到父元素


HTML

<div class="main">
    <div class="div1">One </div>
    <div class="div2">two</div>
  </div>

<div class="text-center">
    <div class="parent"></div>
        <div class="child"></div>
        <div class="child"></div>
    </div>
</div>

您可以使用
display:inline块获得相同的效果到子级和
文本对齐：居中到父元素


HTML

<div class="main">
    <div class="div1">One </div>
    <div class="div2">two</div>
  </div>

<div class="text-center">
    <div class="parent"></div>
        <div class="child"></div>
        <div class="child"></div>
    </div>
</div>

您可以始终使浮动
divs
的父内联块居中，并将
文本对齐：居中
置于主块

HTML

<div class="main">
    <div class="div1">One </div>
    <div class="div2">two</div>
  </div>

<div class="text-center">
    <div class="parent"></div>
        <div class="child"></div>
        <div class="child"></div>
    </div>
</div>

您可以始终使浮动
divs
的父内联块居中，并将
文本对齐：居中
置于主块

HTML

<div class="main">
    <div class="div1">One </div>
    <div class="div2">two</div>
  </div>

<div class="text-center">
    <div class="parent"></div>
        <div class="child"></div>
        <div class="child"></div>
    </div>
</div>

请发布HTML，不是每个人都知道HAML。CSS/SASS也是如此（只是注意到那不是CSS）：）你能给我们展示一下你的浏览器渲染代码或创建一个网页吗？因为它包含HAML/SASS，人们会认真地投票否决这个问题吗？请发布HTML，不是每个人都知道HAML。CSS/SASS也是如此（只是注意到那不是CSS）：）您能否向我们展示您的浏览器渲染代码或创建一个用户是否认真地否决了该问题，因为它包含HAML/SASS？但如果div是浮动的，即浮动的，即左浮动和右浮动，它似乎不起作用？为什么需要浮动div？当您可以使用
display:inline块时在您的条件下，但如果div是浮动的（即，向左和向右浮动），它似乎不起作用？为什么需要浮动div？当您可以使用
display:inline块时
在您的条件中，仅发布代码答案对回答原始问题几乎没有作用。请解释一下为什么你的答案是正确的。只发布代码答案对回答原始问题没有什么帮助。请解释一下为什么你的答案是正确的。