CSS float 样式将按钮放置在页面的右手顶部

Question

在下图中，有人可以建议

我需要将登录和注册按钮向上放置

使用 Float right - 能够将按钮放置在页面的右侧

.discuss-main-list div.tab-content div.tab-pane.active.discussPostsList.DS06485251280568793 div#mod_improved_ajax_login-93  a.logBtn.selectBtn {      float:right }

.discuss-main-list div.tab-content div.tab-pane.active.discussPostsList.DS06485251280568793 div#mod_improved_ajax_login-93 a.regBtn.selectBtn {      float:right }

但是如何将这些按钮放置在红色矩形部分的提问按钮下方

有人可以建议如何实现同样的目标

网站

http://www.mycarhelpline.com/index.php?option=com_easydiscuss&view=index&category_id=0&Itemid=78

Answer 1

粘贴登录和注册按钮的代码(注意我添加的样式标签):

<div id="mod_improved_ajax_login-93" style="text-align:right">
  <a href="/index.php?option=com_users&amp;view=login" onclick="return false" class="logBtn selectBtn">
    <span class="loginBtn leftBtn">
      Log in
    </span>
    <span class="loginBtn rightBtn">&nbsp;
      <img width="10" height="7" alt="\/" src="modules/mod_improved_ajax_login/themes/elegant/images/arrow.png">&nbsp;
    </span>
  </a>
  <a href="/index.php?option=com_users&amp;view=registration" class="regBtn selectBtn ">
    <span class="loginBtn leftBtn">
      Register
    </span>
    <span class="loginBtn rightBtn">&nbsp;
      <img width="10" height="7" alt="\/" src="modules/mod_improved_ajax_login/themes/elegant/images/arrow.png">&nbsp;</span>
  </a>
</div>

在如下DOM路径:div.navbar.discuss-toolbar.DS0014929228160620589.wide > div.navbar-inner > div.nav-collapse.collapse > ul.nav.pull-right，将按钮粘贴到 标签和结束