How to Place Images Side by Side on a Web Page

Placing images beside each other on a web page can be done one of two ways. You can use tables and place each of the images in its own table cell. You can also use in line cascading style sheets (CSS) to position the images. Web developers often prefer CSS because it provides more control over the placement of the images.

Instructions

Tables

1

Open a text editor such as Windows Notepad.

2

Design the web page like any other HTML document.

3

Create a table for the images in the following manner
GO








This table consists of a single row with each image in its own cell.
4

Save and close the document.

5

Place the images in a directory called \"images\" on your web server.

6

Place the HTML document on your web server.

CSS

7

Open a text editor.

8

Design the web page like any other HTML document.

9

Place the images on the page in the following manner::








10

Save and close the document.

11

Place the images in a directory called \"images\" on your web server

12

Place the HTML document on your web server.