如何在同一行显示代码？

Question

我有以下代码：

  sortContacts: function (parameter, e){
    var a = $("this").parent().siblings().find("span");
    $('.glyphicon-triangle-bottom').removeClass('glyphicon-triangle-bottom').addClass('glyphicon-triangle-right');
    $(e.target).removeClass('glyphicon-triangle-right').addClass('glyphicon-triangle-bottom');
    var contacts = this.state.contacts.sort(function (a, b){
      var nameA = a[parameter].toLowerCase(), nameB = b[parameter].toLowerCase();
      if (nameA > nameB) {
        return 1;
      } else {
        return -1;
      }
    });
    this.setState({contacts: contacts});
  }

我希望<div align="left"> © 2016 RIESEN-PRINTMEDIA - All rights reserved. Design by <a href="http://uhlhosting.ch">UHL Hosting</a> </div> <div align="right"> <a href="/agb">AGB</a> </div> <div align="right"> <a href="/impressum">Impressum</a> </div> 和/agb位于右侧，版权部分位于左侧。

如果没有外部CSS，我怎么能这样做？期望的结果就像在这个截图中 - 只是它应该在同一行：

Answer 1

请查看以下HTML

HTML

<div align="left" style="float: left; width: 650px;">© 2016 RIESEN-PRINTMEDIA - All rights reserved. Design by <a href="http://uhlhosting.ch">UHL Hosting</a>
</div>
<div class="rightmain" style="float: right; width: 100px;">
 <div align="right" style="float: left;">
  <a href="/agb">AGB</a>
 </div>
 <div align="rightnew" style="float: right;">
  <a href="/impressum">Impressum</a>
 </div>
</div>

Answer 2

您可以在代码中为position：inline-block添加一个类。由于看起来你没有任何边距，下面的课程应该适合你。您可以在head标记中将其内联添加，或将CSS属性放在单独的CSS文件中并将其链接。

`     。对 {     位置：内联块;     宽度：50％;     }

.left {
position: inline-block;
width: 50%;
}

`

Answer 3

试试这个

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

  <div class="container">
    <div class="row">
        <div class="col-xs-6">
            © 2016 RIESEN-PRINTMEDIA - All rights reserved. Design by <a href="http://uhlhosting.ch">UHL Hosting</a>
        </div>
        <div class="col-xs-6"  style="text-align: right">
           <a href="/agb">A3B</a>
    <a href="/impressum">Impressum</a>
        </div>
    </div>
</div>