JSFiddle - React, Tailwind, and code Playground
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<meta name="description" content="">
<meta name="keywords" content="">
<style>
<!--
/*
**
** Updated 07/11/07 by mhulse
**
** For background, you don't have to specify all values.
** If a value is omitted, its initial value is used.
** The initial values for the individual background properties are as follows:
* color: transparent
* image: none
* repeat: repeat
* attachment: scroll
* position: 0% 0%
** Remember that when you give two values for position, they have to appear together.
** When using length or percentage values, put the horizontal value first.
**
** Ref: http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/
**
*/
/* .box or .response or .correct will work here: */
.correct {
background: url(http://cdn.matrixwebs.net/matrixsuites/images/icons/check.gif) no-repeat left center;
padding-left: 50px;
}
/* Below = not supported in IE6: http://www.maxdesign.com.au/articles/multiple-classes/ */
/*
.box.response.correct {
background: url(http://cdn.matrixwebs.net/matrixsuites/images/icons/check.gif) no-repeat left center;
padding-left: 50px;
}
*/
.correct p {
background: url(http://cdn.matrixwebs.net/matrixsuites/images/icons/check.gif) no-repeat left center;
padding-left: 50px; /* 48px X 48px gif. */
line-height: 48px; /* Not cross-browser tested, but should help. (Or, you could play with font size or combo of...