Item Layout

by MikeEast

HTML

<div class="container">
  <div class="desktop">
    <div style="float: left;"><img src="https://www.ricoh.com/r_dc/r/r8/img/sample_10.jpg" style="width: 4rem; height: 4rem;" /></div>
    <div>This is the title</div>
    <div>Betald</div>
    <div>Skickad</div>
    <div class="right" styles="margin-right: 10rem;">10 kr</div>
    <div class="right" styles="">Mer</div>
    
    
  </div>  
</div>

CSS

.container {
  background-color: hotpink;
  padding: 1rem;
}
.desktop {
  position: relative;
  border: 1px dotted #555;  
}
.desktop div {
  margin: .5rem;
  
  border: 1px dotted #555;
}