mrquad mrquad - 6 months ago 34
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

and also

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!


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;