# 구글 페이지 개선하기 ## 미션 브라우저 크기에 상관없이 항상 가운데 위치하는, 구글 페이지를 만드시오. ![클라우드스터딩-CSS-박스모델-포지션-센터-구글-따라-만들기](https://i.imgur.com/FskOShf.png) ## 구글링 힌트 - "CSS block inline inline-block 차이" - "구글 material icon 사용법" - "CSS position fixed" - "CSS transform 이동" ## 코드 예 - https://repl.it/@hongpark/01-google
by sehongpark
관련 강의로 이동

코드: java 1.8

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>구글 만들기 #2</title> <!-- 구글 머테리얼 아이콘 --> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <!-- css 연결 --> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="logo"> <img src="https://t.ly/QqQK" /> </div> <div class="inputs"> <span class="material-icons">search</span> <input type="text" /> <span class="material-icons">keyboard</span> <span class="material-icons">keyboard_voice</span> </div> <div class="buttons"> <button>Google 검색</button> <button>I'm Feeling Lucky</button> </div> </body> </html>

입력

정답이 궁금하다면? 코드를 제출해보세요!