as shown in the figure
what is the more reasonable layout of the buttons on the left and right sides?
the current solution is:
the first (add padding and background image to button to add icons):
<header>
<p class="head_top">
<button></button>
<label for="search"></label>
<input type="text" id="search" placeholder="">
<button></button>
</header>second (fill in the icon as the background of I):
<p class="head_top">
<button><i></i></button>
<label for="search"></label>
<input type="text" id="search" placeholder="">
<button><i></i></button>
originally intended to use the font icon, but the designer has already produced the picture, but can only use the diagram to realize the left and right icons.
I hope that all kinds of colleagues, Tai Sin will provide a better and more reasonable layout or idea ~ o ( layout ) o