我的定位有什么问题？（包括jsfiddle）答案

【问题标题】：What is wrong with my positioning? (jsfiddle included)我的定位有什么问题？（包括jsfiddle）
【发布时间】：2017-02-06 02:10:06
【问题描述】：

这是我想要的 VS 我所拥有的：

https://jsfiddle.net/fs0vydgd/

    <div class="left-align">
  <div class="songListContainer">

<div id="outerBoundingBox">

    <img src="https://s-media-cache-ak0.pinimg.com/736x/ec/8d/bc/ec8dbcafb4aad7d54bbae197867c6c7c.jpg" class="albumArt" />

    <div class="songTitle"><a href="">Artist</a> - <a href="">Song name here</a></div>

    <div class="songDetails"><a href="">Year: 2002</a>  <a href="">Genre: Punk</a> <a href="">Album: Title</a></div>

    </`div`></`div`></`div`>

我正在尝试重建一个我多年前工作过的旧网站。我仍然有你可以看到的布局截图。专辑封面图像显示得非常好，但是带有歌曲描述的文本行没有正确排列。即使手动分配边距也被证明是不成功的。我的猜测是我在使用 display:inline-block 的方式上的父/子设置有问题，但我尝试了多种组合都没有成功。

这是一个很难提出的问题，并且在提供的屏幕截图和 JSfiddle 中得到了更好的说明。

感谢您的帮助，我无法找到有关此特定案例的信息。

【问题讨论】：

标签： html css position alignment

【解决方案1】：

从将float: left 添加到.albumArt 开始，我想你可能已经离你想要的结果更近了。

Fiddle

【讨论】：

哇，成功了。我认为我可以从那里计算出其余的定位。非常感谢！回复也超级快。我不敢相信它是如此简单：D
你回复得太快了，我不得不等10分钟计时器哈哈哈:)