Проблемы с размещением CSS

[shizik]

У меня две проблемы

Первая:

как в css указать расположение элементов например в нутри таких рамок

Вторая:

Как в таком квадрате поднять вверхтекст

код php

<div class="box">
<a href="http://16mb.com/$myrow[avatar]" ><img alt='$_SESSION[email]' src='$myrow1[avatar]'></a>
<name> $myrow1[name]</name>
</div>

код css

.box {
	position: relative;
	width: 500px;
	padding: 15px;
	margin: 0 auto;
	background-color: white;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
z-index: -1;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
name{
margin-left: 8%;
margin-top: -8%;
font-size: 22px;
size: 10px;
}

p.s. Это разные квадраты