Css 如何在同一行上左对齐文本和右对齐图像？

我用bootstrap做了一个小项目，我试着做一个下拉列表，用一个箭头来显示下面有什么东西，但是我在尝试左对齐文本和右对齐箭头时遇到了问题

可以将文本左对齐，图像右对齐 这就是现在的样子

Busines >         |
                  |
                  |

有没有办法让它看起来像这样：

Busines            >  |
                      |
                      |

代码：

部分菜单代码：

<div class="sidebar-nav">
            <div class="navbar navbar-default" role="navigation">
                  <div class="navbar-header">  
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".sidebar-navbar-collapse">
                      <span class="sr-only">Toggle Navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                  <span class="visible-xs navbar-brand">Left Navigation</span>
                  </div>
                  <div class="navbar-collapse sidebar-navbar-collapse collapse">  
                    <nav id="leftNav" role="navigation">
                      <ul class="leftnavigation">
                      <li> 
             <a href="#Business" class="expander">Business <span class="glyphicon glyphicon-chevron-right pull-right"> </span></a>
                        <ul id="Business"> 
                          <li><a href="#">Administrative </a></li> .........

切换导航
左导航



。。。。。。。。。

如果要在元素内部对齐右箭头，则此元素必须足够宽。 如果元素显示样式为

inline

（默认为

a

标记），则无法对齐内部任何内容。 例如，如果要将

display:block

添加到

a

标记或

display:inline块中；宽度：100%

否则，

a

将不会占据父元素的全部宽度

 <a href="#Business" class="expander" style="display: inline-block; width: 100%">Business 
     <span class="glyphicon glyphicon-chevron-right pull-right" style="float:right; margin-right:3px; font-size:0.7em; "></span>
 </a>

---

您的锚点设置为什么显示属性？尝试将a.expander设置为display:inline块，并为其指定宽度。这将使您的V字形符号向右浮动

此外，无需使用float:right内联样式，因为引导程序pull right就是这样做的。（冗余CSS）

---

希望有帮助

我不确定你还想要什么。你能提供一个更好的例子吗？这看起来不像是下拉列表的代码。发布完整的下拉代码。另外，为什么要使用“向右拉”和“内联”样式的float:right？我有下拉部分，但这两个东西的对齐有问题

 <a href="#Business" class="expander" style="display: inline-block; width: 100%">Business 
     <span class="glyphicon glyphicon-chevron-right pull-right" style="float:right; margin-right:3px; font-size:0.7em; "></span>
 </a>