양쪽정렬 꿀팁

<dl class="og-info-box--dl">

  <dt class="fulljustify">상 품 명11</dt>

  <dd>[스타벅스] 까페 아메리카노T</dd>

</dl>

<dl class="og-info-box--dl">

  <dt class="fulljustify">상 품 명122</dt>

  <dd>[스타벅스] 까페 아메리카노T</dd>

</dl>

<dl class="og-info-box--dl">

  <dt class="fulljustify">상 품 명13</dt>

  <dd>[스타벅스] 까페 아메리카노T</dd>

</dl>

//스타일

*{

  box-sizing:border-box;

  padding:0;

  margin:0;

}

.og-info-box--dl{

  overflow:hidden;

}

.og-info-box--dl dd,

.og-info-box--dl dt{

  float:left;

}

.og-info-box--dl dt{

  width:26%;

  position:relative;

  text-indent:3%;

  color:#0b6267;

  font-weight:bold;

}

.og-info-box--dl dt:before {

  content: "-";

  position: absolute;

  left: 0;

  color:#0b6267;

  font-weight:bold;

}

.og-info-box--dl dd{

  width:74%;

  padding-left:5%;

  position:relative;

}

.og-info-box--dl dd:before{

  content: ":";

  position: absolute;

  left: 3%;

}

.fulljustify {

  text-align: justify;

}

.fulljustify:after {

  content: "";

  display: inline-block;

  width: 100%;

}

https://jsfiddle.net/webweb/3ug059kg/