Trying to change style of text

I’m trying to adjust the text style on a page.

On my page i have the following code

<a href="https://www.mypage.com/?page_id=145" class="link-title">			<h4>header</h4>            </a>
<div class="dotwidget">
<p>paragraph text</p></div>							<a href="https://www.mypage.com/?page_id=145" class="more-button">See More </a>

In WP backend, Appearance, Edit CSS, i have the following css code

div.dotwidget {
	width: 400px;
	height: 180px;
	margin: 30px 50px;
	background-color: #ffffff;
	border: 1px solid black;
	opacity: .6;
	filter: alpha(opacity=60);
/* For IE8 and earlier */
}

div.dotwidget p {
	font-weight: bold;
	color: #000000;
}

The problem is that the border and background color does not display on the page.

Any ideas what i’m doing wrong?

Thanks in advance