我的页面上有一个由文档生成系统创建的切换按钮。 生成的HTML为
<a href="#" ><img src="toggleIcon" class="toggler"> toggle text</a>
在页面上，这是用toggleIcon(>)呈现的 在左侧，并立即在右侧切换文本。 看起来是这样的
> toggle text
我需要使用CSS，使切换图标在右边，所以它看起来像这样
toggle text >
我试着去做
.toggler {
float:right;
}
但这将图标放在左侧并与切换文本重叠（z）（使用Windows 10 Chrome）
我不能改变HTML，我有一个类在，但没有在切换文本-我怎么做呢？
谢谢
由于您无法控制HTML.。。
null
a {
display: inline-block;
position: relative;
padding-right: 30px; /* make space for the toggle icon */
outline: 1px solid red; /* just to see what we'rer doing */
}
a img.toggler {
position: absolute;
right: 0;
}<a href="#"><img src="//placehold.it/18x18/0bf" class="toggler"> toggle text</a>