python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - margin

Why is margin: 0 0 0 auto not working without display: flex?

Using the below code, I am trying to take the Follow button at the right of the screen. For that, I am using margin: 0 0 0 auto for the .follow class. It works when I use display: flex in the parent e...
test-img

Azraf Khan Zarif

html

css

flexbox

margin

Votes: 0

Answers: 2

Latest Answer

when you put display: flex; it also add flex-direction: row; as default behavior of a flex. because of which all your children inside <header> were rendered as a single row. also adding margin: ...
test-img

N.K.

Why margin auto is not able to center item vertically?

I think I've got some confusion on how margin auto works. In this case, I'm creating a parent div and a children div inside of it, and both div boxes are given width & height. Then, I tried to use...
test-img

jialeee17

html

css

margin

Votes: 0

Answers: 1

Latest Answer

Just use display: flex #parent { width: 200px; height: 200px; background: red; display: flex; justify-content: center; align-items: center; } #child { width: 50%; height: 50%; b...
test-img

Oleg Barabanov

Why are my header and paragraph distanced so far apart without a margin or padding?

I am in the process of coding a contact page for my business's website but for some reason, when I run my code, my header and my paragraph are distanced very far apart even though I set both the mar...
test-img

Max Herczeg

html

css

padding

margin

Votes: 0

Answers: 2

Latest Answer

It's because you are positioning your paragraph absolutely on the page. You have it set as top: 50%, which means place the paragraph in the middle of the page vertically. To center it, you can simply ...
test-img

Michael Hollingworth

I want the 3rd image of every line to be in the row. how to solve

I have divided the page 3 part and given 30% of width to every Image and the remaining 10% is divided by both sides of every Image that is 6 10%/6 sides. the answer is 1.6666 but the last image of eve...
test-img

Shaik Mohammed Huzaifa

html

css

margin

Votes: 0

Answers: 2

Latest Answer

Use Flexbox like this: recommendation: go with CSS Grid if you need a gap /* CSS */ .flex-container { display: flex; flex-wrap: wrap; gap: 1%; /* Want a gap? Add the gap here. */ } img { ...
test-img

Frizzant

Posts

Questions

Blogs

Jobs