Topic: Text placement within a div
Here's my page with news on it: http://www.toddmonotony.com/index.php
The text of the news post is all pushed up to one side, and isn't making use of the full space. (It's supposed to have padding of 1em all around.) Why is this? It feels as though it should be a quick fix but I can't work out what's squeezing the width like that.
Here's what I've got in my template under 'Active News':
<div class="cute">
<div><strong>{title}</strong> {star-rate}</div>
<div>{short-story}</div>
<div style="float: right;">[edit]Edit[/edit] [full-link]Read more[/full-link] | [com-link]{comments-num} Comments[/com-link]</div>
<div><em>Posted on {date} by {author}</em></div>
</div>
And here's the css for the div class 'cute':
margin-top: 2em;
margin-bottom: 0.2em;
margin-right: 55%;
margin-left: 6%;
background-color: #ffffff;
padding: 1em;
border: solid #8b4364;
border-width: 0px 0px 2px 0px;
-moz-border-radius: 24px 0px 0px 0px;
border-radius: 24px 0px 0px 0px;
font: 1em sans-serif;
color: #111111;
text-align:left;
Do I need to change something in another part of the template?