HTML "div" tags let you align form elements such as buttons both vertically and horizontally. The HTML div tag formats data, so it aligns with other elements on your web pages. If you have several buttons on the page, you encompass them within a div tag to align them all vertically on the page. You can edit your HTML page and implement the tag using Windows Notepad.
- Skill level:
Things you need
- Windows Notepad
Right-click the HTML page for your website and select "Open With." Double-click "Notepad" in the opened window to open the page in your text editor.
Scroll down the page to the section that contains your buttons. Wrap the button code with the following tags:
Add the vertical alignment code for your buttons. The following code vertically aligns the buttons in the centre of the div tag:
<div id="buttons" style="vertical-align: centre">
Click the Notepad "File" menu item and select "Save." Double-click it to open the changes in your default web browser and test your new code changes.
- 20 of the funniest online reviews ever
- 14 Biggest lies people tell in online dating sites
- Hilarious things Google thinks you're trying to search for