Align radio buttons with label on one line

Use relative positioning for the input element and correct the top position of the input, based on the line-height of the element containing the input element. <!DOCTYPE html> < html> < head>     <meta charset="UTF-8">     < title>Align radio button with label on one line</title>     <link rel="icon" href="data:;base64,iVBORw0KGgo=">     …

CSS class naming guideline

Lets assume you want to create a "error notification" component and this component contains 2 sub components, a "close button" and a "read more" button in an application called "spike", something like:       How do I setup my CSS to style the component and it’s subcomponents. Well I …

Creating a vertical linear gradient border with solid border as fallback for older browsers.

Code can be found here: http://plnkr.co/edit/EgLVcgyPcbu7AngvnnOy?p=preview   <!DOCTYPE html> <html> <head> <title>Vanilla javascript spike page.</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!– App styles –> <style> html, body { height: 100%; } body, div, p, ul, li { border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: 0; padding: …