Introduction to Flash MX Tutorial > Add animation and navigation to buttons > Align buttons |  |

Align buttons

You can align the three buttons along horizontal and vertical axes using the Align panel.

1 | In the Timeline, with the Copy layer selected, add a new layer and name it Buttons. Lock all the layers except the Buttons layer.
2 | In the Stage View pop-up menu, on the right above the Stage, enter 150% to enlarge your view of the Stage. Then scroll to the lower right side of the Stage.
3 | Drag Button 1 from the buttons.fla Library panel and place it under the lower right corner of the dynamic text field.
| When you drag a button from the buttons.fla Library panel, the button becomes part of the library for your document.
4 | Drag Button 2 and Button 3 from the buttons.fla Library panel, placing them to the left of Button 1. Use the approximate spacing shown in the following illustration:
5 | With the Arrow tool, drag to select all three buttons.
6 | To open the Align panel, choose Window > Align. Verify that To Stage is not selected. You do not want to align the buttons relative to the Stage. Click Align Vertical Center, and then click Distribute Horizontal Center.
| The buttons align on the Stage.