There’s yet another solution which might fit easily in everybody’s project. If you use a transparent border as a margin and a box-shadow with inset to set it’s color, you’d get the result you are hoping for. For instance: ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { box-shadow: inset 0 0 10px 10px green; border: solid … Read more
final AlertDialog.Builder alert = new AlertDialog.Builder(thisActivity); final EditText input = new EditText(thisActivity); input.setSingleLine(); FrameLayout container = new FrameLayout(thisActivity); FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT); params.leftMargin = getResources().getDimensionPixelSize(R.dimen.dialog_margin); input.setLayoutParams(params); container.addView(input); alert.setTitle(“by…”); alert.setMessage(“test message”); alert.setView(container); Make sure you add another line to your dimens.xml resource file, such as <dimen name=”dialog_margin”>20dp</dimen>
Overall just add display:block; to your span. You can leave your html unchanged. Demo You can do it with the following css: p { font-size:24px; font-weight: 300; -webkit-font-smoothing: subpixel-antialiased; margin-top:0px; } p span { font-size:16px; font-style: italic; margin-top:20px; padding-left:10px; display:inline-block; }
jQuery’s underlying code passes these strings to the DOM, which allows you to specify the CSS property name or the DOM property name in a very similar way: element.style.marginLeft = “10px”; is equivalent to: element.style[“margin-left”] = “10px”; Why has jQuery allowed for marginLeft as well as margin-left? It seems pointless and uses more resources to … Read more
I know this isn’t a very timely answer but there is a way to solve this. You could add a “spacer” element inside the element positioned absolutely with a negative bottom margin and a height that is the same size as the negative bottom margin. HTML: <div id=”container”> <div class=”spacer”></div> </div> CSS: // same container … 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 *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } If you want something less * global: html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, … Read more
There is no float to center per se. If you want to center a block element inside another do this: <div id=”outer”> <div id=”inner”>Stuff to center</div> </div> with: #outer { width: 600px; } #inner { width: 250px; margin: 0 auto; } Now that won’t make the text wrap around it (like it would with a … Read more
The padding variable should be exactly what you are looking for. You should try to increase the padding to something like 10dp just to test if it does anything. I’m guessing that because the background of the EditText is a 9 patch the padding is not acting how you would expect. When you set padding … Read more
TL;DR: Margins are for moving an element in from the wrapper, not expanding the wrapper outwards. The long explanation: This behavior is consistent with specifying a width in addition to a horizontal margin anywhere in the document. To break it down, consider the following snippet, where I specificity a wrapper without an overflow property, and … Read more
As mentioned, this behavior is specified in section 10.6.2 of CSS2.1, and has remained unchanged from CSS2. Block boxes are stacked vertically from top to bottom in normal flow. Furthermore, vertical margins may collapse, and only do so under certain circumstances (in your demo, the border on the parent element will prevent any margins on … Read more