I would say that using: * { margin: 0; padding: 0; } is a bad way of solving this. The reason for the h1 margin popping out of the parent is that the parent does not have a padding. If you add a padding to the parent element of the h1, the margin will be … Read more
Here is a little code to accomplish it: LinearLayout ll = new LinearLayout(this); ll.setOrientation(LinearLayout.VERTICAL); LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.WRAP_CONTENT); layoutParams.setMargins(30, 20, 30, 0); Button okButton=new Button(this); okButton.setText(“some text”); ll.addView(okButton, layoutParams);
Unlike div, p 1 which are Block Level elements which can take up margin on all sides,span2 cannot as it’s an Inline element which takes up margins horizontally only. From the specification: Margin properties specify the width of the margin area of a box. The ‘margin’ shorthand property sets the margin for all four sides … Read more
No. When you have two adjacent vertical margins, the greater of the two is used and the other is ignored. So, for instance, if you have two block-display elements, A, followed by B beneath it, and A has a bottom-margin of 3em, while B has a top-margin of 2em, then the distance between them will … Read more
To help me remember the meaning of padding, I think of a big coat with lots of thick cotton padding. I’m inside my coat, but me and my padded coat are together. We’re a unit. But to remember margin, I think of, “Hey, give me some margin!” It’s the empty space between me and you. … Read more
body has by default 8px margins: http://www.w3.org/TR/CSS2/sample.html body { margin: 0; /* Remove body margins */ } Or you could use this useful Global reset * { margin: 0; padding: 0; box-sizing:border-box; } If you want something less * global than: html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, … Read more
Found an alternative at Child elements with margins within DIVs You can also add: .parent { overflow: auto; } or: .parent { overflow: hidden; } This prevents the margins to collapse. Border and padding do the same. Hence, you can also use the following to prevent a top-margin collapse: .parent { padding-top: 1px; margin-top: -1px; … Read more
In this instance, your div elements have been changed from block level elements to inline elements. A typical characteristic of inline elements is that they respect the whitespace in the markup. This explains why a gap of space is generated between the elements. (example) There are a few solutions that can be used to solve … Read more
There are two main types of margin collapse: Collapsing margins between adjacent elements Collapsing margins between parent and child elements Using a padding or border will prevent collapse only in the latter case. Also, any value of overflow different from its default (visible) applied to the parent will prevent collapse. Thus, both overflow: auto and … Read more
In most major browsers, the default margin is 8px on all sides. It is defined in pixels by the user-agent-stylesheet your browser provides. Some browsers allow you to create and use your own user-agent-stylesheet, but if you are developing a website, I would recommend staying away from changing this, since your users most likely will … Read more