如何在按钮下方渲染锚元素

Question

Bootstrap 3购物车包含按钮和元素：

<input type="submit" value="Lisa ostukorvi" class="btn btn-success details-addtocartbutton">
<a href="/Store/AddToWishList?Product=101033" tabindex="0" role="button" class="helper-addtowishlist">Lisa lemmikutesse</a>

根据屏幕分辨率，元素会出现在下一行或按钮后显示

如何强制元素始终显示在按钮下方：

Answer 1

如果你有按钮的宽度 - 比如100像素。

button {
   width:100px;
   float:right;
}

在按钮下方放置一个clearfix div，然后您可以将锚标记放在一个段落中，并将其宽度设置为与按钮相同

p a {
   width:100px;
   float:right;
}

如果要将按钮和段落都向右浮动，那么锚点将始终位于按钮下方。

这是一个小提琴 https://jsfiddle.net/132cyzve/3/