CSS min-width

Previous Next

Demo of the different values of the min-width property.

Click the property values below to see the result:

min-width: 50px;
min-width: 200px;
min-width: 400px;
min-width: 100%;
min-width: 2000px;
See this blue div element with different min-width values. The width property is set to 200px. If min-width is larger that width (200px), then the min-wdth overrides the width property.
See this blue div element with different min-width values. The width property is set to 200px. If min-width is larger that width (200px), then the min-wdth overrides the width property.
See this blue div element with different min-width values. The width property is set to 200px. If min-width is larger that width (200px), then the min-wdth overrides the width property.
See this blue div element with different min-width values. The width property is set to 200px. If min-width is larger that width (200px), then the min-wdth overrides the width property.
See this blue div element with different min-width values. The width property is set to 200px. If min-width is larger that width (200px), then the min-wdth overrides the width property.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯