A8 – CSS Positioning

The goal of this assignment is to practice using CSS positioning techniques to position div elements on the screen.


For this assignment you must follow all of the rules specified below.

1 . Add a file named positioning.html to …/public_html/courses/csci240/ and a file named positioning.css to …/public_html/courses/csci240/css/.

3. Modify your files so that your web page is identical to this page.

4. Helpful Hints

  1. Set the width of the keypad element to max-content
  2. Give the keypad element padding
  3. Use the Futura font with a size of 20px
  4. Use the colors whitesmoke and #cae6fc
  5. Use line-height to center the text in the buttons vertically

© 2020 – 2021, Eric. All rights reserved.