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

Popular posts from this blog

Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.12:test (default-test) on project.Error occurred in starting fork -

windows - Debug iNetMgr.exe unhandle exception System.Management.Automation.CmdletInvocationException -

configurationsection - activeMq-5.13.3 setup configurations for wildfly 10.0.0 -