float is not working

Blue_king answered on May 2, 2021 Popularity 10/10 Helpfulness 2/10

answer float is not working

related css float right not working

Comment

float wont work if the parent is an flex box
so change it to block

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: Grepper

Tags: whatever

Link to this answer
Share Copy Link

Contributed on May 02 2021

Blue_king

0 Answers Avg Quality 2/10

Closely Related Answers

Comment

Its probably due to flex box. Float wont work if the parent is an flex box

.main { display: flex; }
.child {margin-left: auto;}

Popularity 8/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css css-float css-

Link to this answer
Share Copy Link

Contributed on Jun 28 2023

Batman

0 Answers Avg Quality 2/10

Comment

You're probably in a flex box. THis will make it work in that case.

.main { display: flex; }
.child {margin-left: auto;}

Popularity 9/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css css-floa

Link to this answer
Share Copy Link

Contributed on Nov 09 2022

Wide-eyed Fox

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.