Un saludo. te recomiendo, comiences a implementar HTML5 y CSS3. El ejercicio que propones se resuelve con un div contenedor y propiedades css.
Código HTML:
<!DOCTYPE HTML>
<html lang="es-CO">
<head>
<meta charset="UTF-8">
<title>@tutorias</title>
<style type="text/css">
.section{
position: relative;
vertical-align: top;
}
.article{
border: 1px solid #555;
display : inline-block;
margin : .2em;
max-width : 30%;
vertical-align: top;
}
</style>
</head>
<body>
<div class="section">
<div class="article">
<div style = "width:380px; height: 14px; padding-left: 40px; text-align: center;">
<div id = "play" style = "display: inline-block; cursor: pointer; background-image: url(recursos/imagenes/play.gif); width: 16px; height: 17px;"></div>
<div id = "pause" style = "display: inline-block; cursor: pointer; background-image: url(recursos/imagenes/pause.gif); width: 16px; height: 17px;"></div>
<div id = "autor" style = "-vertical-align: middle; display: inline-block; cursor: default;"><b>Pink Floyd</b> - Shine On You Crazy Diamond</div>
<div id = "tiempo" style = "display: none;">(<span id = "currentTime" style = "font-size:10px;"></span> / <span id = "duration" style = "font-size:10px;"></span>)</div>
<div id="jquery_jplayer_1" class="jp-jplayer"></div>
</div>
</div>
<div class="article">
otro div al lado
</div>
</div>
</body>
</html>