You can accomplish this by setting this on the container: ul { display: flex; flex-wrap: wrap; } And on the child you set this: li:nth-child(2n) { flex-basis: 100%; } ul { display: flex; flex-wrap: wrap; list-style: none; } li:nth-child(4n) { flex-basis: 100%; } <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> This causes the child to make … Read more
I discovered that there is a second portion of the answer to this. The first portion helped me, but I still had a space to the right of my type=number input. I had zeroed out the margin on the input, but apparently I had to zero out the margin on the spinner as well. This … Read more
You need to use the full property name for each: background-color: #6DB3F2; background-image: url(‘images/checked.png’); Or, you can use the background shorthand and specify it all in one line: background: url(‘images/checked.png’), #6DB3F2;
Use the Computed Style panel of the element inspector. Expand the property of interest to see the list of applicable rules, and which one won.
Using outline: none; you can remove that border in chrome. <style> input[type=button] { width: 120px; height: 60px; margin-left: 35px; display: block; background-color: gray; color: white; border: none; outline: none; } </style>
height: 100% gives the element 100% height of its parent container. height: auto means the element height will depend upon the height of its children. Consider these examples: height: 100% <div style=”height: 50px”> <div id=”innerDiv” style=”height: 100%”> </div> </div> #innerDiv is going to have height: 50px height: auto <div style=”height: 50px”> <div id=”innerDiv” style=”height: auto”> … Read more
It seems that the width and height attributes determine the width or height of the canvas’s coordinate system, whereas the CSS properties just determine the size of the box in which it will be shown. This is explained in the HTML specification: The canvas element has two attributes to control the size of the element’s … Read more
Use .one-word-per-line { word-spacing: <parent-width>; } .your-classname{ width: min-intrinsic; width: -webkit-min-content; width: -moz-min-content; width: min-content; display: table-caption; display: -ms-grid; -ms-grid-columns: min-content; } where <parent-width> is the width of the parent element (or an arbitrary high value that doesn’t fit into one line). That way you can be sure that there is even a line-break after … Read more
If you only define one dimension on an image the image aspect ratio will always be preserved. Is the issue that the image is bigger/taller than you prefer? You could put it inside a DIV that is set to the maximum height/width that you want for the image, and then set overflow:hidden. That would crop … Read more
You shouldn’t get both horizontal and vertical scrollbars unless you make the content large enough to require them. However you typically do in IE due to a bug. Check in other browsers (Firefox etc.) to find out whether it is in fact only IE that is doing it. IE6-7 (amongst other browsers) supports the proposed … Read more