Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

132
Views
react js float clear property

I was trying to design this:

enter image description here

the css used for this is:

.body {
  border: 5px solid red;
  padding: 10px;
}
.one {
  float: right;
  height: 100px;
  width: 100px;
}
.two {
  float: left;
  height: 100px;
  width: 100px;
}
p {
  clear:right;
}

but if i use this code the output is: enter image description here

but it works fine if i remove

p {
clear:right;
}
about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

The clear property controls the flow next to floated elements. when you set clear:right; it will be pushed below the right floated elements;

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!