在列表组块中内联显示元素

Question

我从css开始。 我想在右边的列中对齐两个图标，在列表组内，我还有一个列表，在该块中推出我的图标框，如Result expected

＆＃13;

＆＃13;

<div class="container">
  <div class="cont-one">
    <input type="text" id="page-dir" />
    <button id="go-page" onClick="goPage()">Go to page</button>
  </div>
  <div class="cont-two">
    <button id="export" onclick="export()">export</button>
  </div>
</div>

＆＃13;

(0/1 - 1)

＆＃13;

＆＃13;

＆＃13;

查看我的jsfiddle

Answer 1

这应该有帮助

  .wineItemLine {
    display:block;
}

.list-button {
    float :right;
    display:block;
  width:40%;
}
.wineAttributes {
    display:inline;
  max-width: 50%;
  float: left;
}

.list-group {
    max-width: 300px;
}

.list-group-item{
  height: 110px;
}

.btn{
  display: block;
  margin: 7px;
  float: right;
}

fiddle