How to Make Icons Side by Side

HTML coding is a somewhat complex language that you must follow with very little deviation if you want the best results. If you want to insert icons side by side in an HTML document, you must make sure that the HTML code you use does not place them in a different order.

Instructions

    • 1

      Log in to the Web server and open the HTML page on which you want to include side-by-side images.

    • 2

      Click on the section of the page where you want to insert the side-by-side icons. This should be within the <body> and </body> tags.

    • 3

      Insert the following code:

      <IMG BORDER="0" WIDTH="50" HEIGHT="50 SRC="http://www.website.com/image1.jpg">

      <IMG BORDER="0" WIDTH="50" HEIGHT="50 SRC="http://www.website.com/image2.jpg">

      <IMG BORDER="0" WIDTH="50" HEIGHT="50 SRC="http://www.website.com/image3.jpg">

    • 4

      Replace the URLs with the actual URLs associated with the icons you want to display on your page.

    • 5

      Replace the "Height" and "Width" settings if desired.

    • 6

      Change the "0" to a "1" after border if you want to add a border.

    • 7

      Publish the page.

Related Searches:

References

Resources

Comments

You May Also Like

Related Ads

Featured