Lesson 11: Clear Left

anesbitt93 · 2018-04-24 06:08:51 UTC

I’m not sure what I am doing wrong here (probably something stupid I’m missing) issue is on the following instruction;

"Take a look at the .answers divs on the web page. They have been floated to the left, but the .question divs are touching the .answer divs on the right, let’s fix this.

In the .question selector, set the clear property to left. Notice how the questions moved."

Link posted below, thanks!

gist.github.com

https://gist.github.com/codecademydev/897f7481758cfc03a365eb64c041af35

index.html

<!DOCTYPE html>
<html>
<head>
  <title>Please Participate in Our Survey!</title>
  <link href="https://fonts.googleapis.com/css?family=Oswald:300,700|Varela+Round" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

  <header>

This file has been truncated. show original

style.css

body {
  background-color: #FFF;
  margin: 0 auto;
}

header {
  background-color: #466995;
  border-bottom: 1px solid #466995;
  position: fixed;
  width: 100%;

This file has been truncated. show original

rcodeman · 2018-04-24 09:00:30 UTC

Here

.question {
  text-align: center;
  position: relative;
  top: 40px
  clear: left;
}

you missed a ; for top property

anesbitt93 · 2018-04-24 17:05:53 UTC

Thanks!

Knew it would be something silly.

system · 2018-05-01 17:06:53 UTC

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.