css - I am having a problem with the floating property.Both elements are floated right

Question

I am want to get the book repair button on left of the Svg button.
button{ float:right; background-color: #155FCC; padding: 10px 25px; color:white; border-radius:20px; box-shadow: none; border: none; } svg{ float: right; clear:right; height:55px; width:55px; }

This is the type of output that i am looking for.

标签： csscss-float

Answer 1

Reverse the order of the elements in the HTML.

svg{ float: right; clear:right; height:55px; width:55px; }
button{ float:right; background-color: #155FCC; padding: 10px 25px; color:white; border-radius:20px; box-shadow: none; border: none; }