body, h1, h2, h3, h4, form, ul, li { margin: 0; padding: 0; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #contents { width: 1000px; margin: 0 0 0 -500px; left: 50%; position: relative; /* background-color: #EEE;*/ } .inner-1 { margin: 2em; } h1.artist { display: block; width: 100%; text-align: center; margin: 4em 0 0.5em 0; font-size: 3em; } .album { width: 100%; clear: both; } .album .pic { width: 250px; height: 250px; background-color: #DDD; float: left; margin: 0 1em 1em 0; } .album .name { display: block; float: left; width: 450px; font-size: 1.5em; margin: 0 0 0.5em 0; /* background-color: yellowgreen;*/ } .album .tracks { display: block; float: left; width: 450px; margin-bottom: 1em; /* background-color: lightblue;*/ } .album .tracks li { display: block; float: left; width: 100%; line-height: 30px; margin: 0 0 0.2em 0; } .album .tracks li .duration { font-size: 0.5em; display: block; float: right; } .album .tracks li .play { display: block; float: left; width: 30px; height: 30px; border-radius: 30px; background-color: #05A; margin: 0 0.3em 0 0; cursor: pointer; } .album .tracks li .play img { width: 12px; height: 12px; margin: 9px 0 0 10px; } .album .tracks li .play.disabled { background-color: #CDF; } .search { width: 100%; text-align: center; margin-top: 200px; } .search #name { width: 300px; border: #AAA 3px solid; border-radius: 7px; font-size: 1.5em; padding: 0.2em; }