Inline-block


#1



CCS positioning, 3. inline block


Oops, try again. Did you remember to set the display of your div's to inline-block?


* {
	border: 1px dashed blue;
}

div {
	height: 50px;
	width: 100px;
	border: 2px solid black;
	border-radius: 5px;
	inline-block;
}

#one {
	background-color: #FF0000;
}

#two {
	background-color: #0000FF;
}

#three {
	background-color: #FFD700;
}

#four {
	background-color: #308014;
}


the inline-block above was first block, just "block;" and it was right, but now it doesn't, i don't know what to do...


#2

You didn't write display before inline-block :slight_smile:


#3

it says the same error :frowning:


#4

Can you take a screenshot ?


#5


#6

Write :

display:inline-block;

instead of :

inline-block;


#7

Thank you very much!


#8

No problem :slight_smile: