Split Page Results into two columns?

Split Page Results into two columns?

hey all

So I have a page that displays selected product information triggered via a custom function on a report.

It shows the name of the product, price and image

the results are all under one another. How can I modify the code so the results display in two columns?

I.E
Product A    Product B

Product C   Product D

Product E

Etc

Thanks, here is my code:

  2. htmlpage ProductSample(empid)
  3. print = true
  4. pdf = true
  5. content
  6. <%{%>    <h2>Mood Board</h2><%prodLst = input.empid.toList();
  7.     for each prod in Add_Product  [ID in prodLst]
  8.     {%><%=prod.Product_Name%> <br> £<%=prod.Price%><br><%for each rec in prod.Product_Images
  9.         {
  10.             if (rec.Product_Image.contains("/sharedBy"))
  11.             {
  12.                 x = rec.Product_Image.getSuffix("/image/");
  13.                 y = x.getPrefix("\" border");
  14.                 a = "https://creatorexport.zoho.eu/zoho_z/product-catalog/All_Products/" + prod.ID + "/Product_Images.Product_Image/image-download/" + y;%>                <img src = <%=a%> border = "0"></img>            <%}
  15.             else
  16.             {%><%=rec.Product_Image%>            <%}
  17.         }%>        <br><br>    <%}
  18. }%>