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=">     …

Fix favicon error

When there is no favicon.ico in the root of your website, then the browser will automatically get a 404 favicon error. To prevent this error, you can add a transparent favicon.ico to the “head” tag of your HTML page: <link rel="icon" href="data:;base64,iVBORw0KGgo=">  

Variable sized column with ellipsis in a table

If you want a column of a table in HTML to expand and you want the text to show "ellipsis" for overflowing text, you can use the solution found at:   http://stackoverflow.com/questions/17345158/variable-sized-column-with-ellipsis-in-a-table   Just give each cell for the specific column the following class: .expand-column { max-width: 1px; overflow: hidden; …