html - Left and right arrow icons centered in a div -
i want place 2 icons navigation backward , forward in footer @ bottom of page space of 10px between them.
the 2 icons must @ same vertical level , centered horizontally. how can that?
<div id="footer"> <i id="left" class="fa fa-caret-left fa-5x"></i> <i id="right" class="fa fa-caret-right fa-5x"></i> </div>
create container them centered horizontally , put them in there. long 2 icons aren't bigger screen shown side side. create space of 10px between them can add margin right of first element this:
<!-- website --> <div style="text-align: center"> <span style="margin-right: 10px">icon</span><span>icon</span> </div> <!-- website -->
replace span tags icons.
edit: see edited question, code provided should sufficient add "text-align: center" css footer , "margin-right: 10px" css left
Comments
Post a Comment