mrquad mrquad - 1 month ago 9
CSS Question

Html does not display in 1/2 columns

I am trying to have product details in one column and the description in the other. I tried to change the margin of

review-box
and also
inner
.

Still the content does not fit:

enter image description here

Here is an example:

My goal is to have it look like the following:

enter image description here

Any suggestions why the
Lorem ipsum column
is not near the product description?

I appreciate your reply!

Answer

This is happens because the sum of column width is more than 100%.

You can change the column width:

.su-column-size-1-2 {
  width: 46%;
}

Or use padding instead margin:

.su-row .su-column {
  padding: 0 0 0 4%;
  margin: 0;
}
Comments