Skip to content

Instantly share code, notes, and snippets.

View steveobbayi's full-sized avatar

Steve Obbayi steveobbayi

View GitHub Profile
<body>
<p style="color:#ff0000;">Red paragraph text. Preferred Method</p>
<p style="color:red;">Red paragraph text using color name. Preferred Method</p>
</body>
<body>
<p color="#ff0000">Old style Red paragraph</p>
<p color="red">Old style Red paragraph using color names</p>
</body>
<style>
/* styles by tags*/
p {
text-align:center;
}
/* styles by class*/
.centerbyclass {
text-align:center;
}
<p style="text-align:center;">This text will be centered</p>
<div align="center">
<p>This text will be centered</p>
</div>
<center>This text will be centered</center>
# ----------------------------------------------------------------------
# | Compression |
# ----------------------------------------------------------------------
<IfModule mod_deflate.c>
# Force compression for mangled `Accept-Encoding` request headers
# https://developer.yahoo.com/blogs/ydn/pushing-beyond-gzipping-25601.html
<IfModule mod_setenvif.c>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNrsUz0PQTEUPRWUMBvfbvWsZhs7YrW+wc8QITGx+jc8K6tYiETC++jrI6p3YCCiicHiDL333LSn7ektU0rhGyTwJX4vkHwulHpLZHI5pDlvgTEHSg1iKadREGDRLZqdQBvb0oucRrVgUyRufAWaLMPQadctexsBzZplE38n8iIghagI38dwPHM3AhhNZi5xqht5oK7XzllKnGM5XwdA6J2QSvNyinMzE4PjEbQjYS+1wMnTmYdsPm8mcNjtHvlFN6nQ7hPu8aNAHEV3N91Vf6Jfkrl6eNsH7P8XcBNgAG5vc7Z6/67pAAAAAElFTkSuQmCC" alt="Small Arrow" />
div.someclass{
background:white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNrsUz0PQTEUPRWUMBvfbvWsZhs7YrW+wc8QITGx+jc8K6tYiETC++jrI6p3YCCiicHiDL333LSn7ektU0rhGyTwJX4vkHwulHpLZHI5pDlvgTEHSg1iKadREGDRLZqdQBvb0oucRrVgUyRufAWaLMPQadctexsBzZplE38n8iIghagI38dwPHM3AhhNZi5xqht5oK7XzllKnGM5XwdA6J2QSvNyinMzE4PjEbQjYS+1wMnTmYdsPm8mcNjtHvlFN6nQ7hPu8aNAHEV3N91Vf6Jfkrl6eNsH7P8XcBNgAG5vc7Z6/67pAAAAAElFTkSuQmCC') repeat no-scroll;
}
document.write('data:text/html;charset=utf-8,' +
// Escape for the URI
encodeURIComponent(
'<div>'+
'<p>An encoded paragraph</p>'+
'</div>'
)
);