HTML按钮赢得'；t右对齐

我有下面的HTML。我希望“Get Geotag”按钮右对齐，文本位于按钮左/前的任何位置。但是，目前我无法找到一种方法使按钮正确对齐并继续工作（输入文本基于getLoc（））。任何帮助都将不胜感激

          <button class="button button-positive button-clear pull-right" ng-click="getLoc()"  readonly>
                Get Geotag
            </button>
          <input type="text" value="{{geoString}}">

获取地理标签

没有相关的CSS

我试过这个： 获取地理标签

正确对齐，但位置功能消失。我还试着使用float:right和right align之类的东西，但都没有用

 <div class="center">
<button class="button button-positive button-clear pull-right" ng-click="getLoc()"  readonly>
            Get Geotag
        </button>
      <input type="text" value="{{geoString}}"></div>

获取地理标签

两种选择： 1. .center{显示：内联块；} 2. .center{显示：flex； 弯曲方向：行； 对齐内容：周围空格；/*您也可以使用对齐内容：中间空格*\ }

---

我的代码有一个打字错误。修复了它

没有css很难说。但我想帮你。 CSS:

.my_css{display:inline-block}

<button class="button button-positive button-clear pull-right my_css" ng-click="getLoc()"  readonly>
    Get Geotag
</button>
<input type="text" value="{{geoString}}">

HTML:

.my_css{display:inline-block}

<button class="button button-positive button-clear pull-right my_css" ng-click="getLoc()"  readonly>
    Get Geotag
</button>
<input type="text" value="{{geoString}}">

获取地理标签

请提供您的CSS代码以及您尝试过的无效方法。我也尝试过将行放在上面，但上面似乎没有出现@AzizAny将它们放在同一行上的方法？这样做不是吗？将它们放在一个div中，并指定类“center”，然后使用这个css。center{display:flex；flex direction:row；justify content:space around；/*您也可以使用justify content:space between；*\}不，很遗憾不是。尽管它们更好，但GetGeotag按钮位于输入上方。理想情况下，我希望它们都在同一行。我没有任何CSS（空文件）。现在看起来是这样的：获取地理标签（lat，long）