CSS to get canvas and table on the same row.

Question

Hello Community. I want to make my canvas image and table in one row next to each other. Here is what I have right now: ! I am using this CSS: https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.3/semantic.css I have added the following on top in my CSS: .Skin .SkinInner {min-width: 1500px!important;} table{ display: inline-table!important; max-width: 50% !important; margin:0px!important; } canvas{ display:inline-block!important; } And just in case, this is my table code inside my question:

Would you rather have...${lm://CurrentLoopNumber}
${lm://Field/1}/64 chance for $160	$160 for sure
${lm://Field/1}/64 chance for $160	$140 for sure
${lm://Field/1}/64 chance for $160	$120 for sure
${lm://Field/1}/64 chance for $160	$100 for sure
${lm://Field/1}/64 chance for $160	$80 for sure
${lm://Field/1}/64 chance for $160	$60 for sure
${lm://Field/1}/64 chance for $160	$40 for sure
${lm://Field/1}/64 chance for $160	$20 for sure
${lm://Field/1}/64 chance for $160	$0 for sure

TomG · Accepted Answer

You could put the canvas and table inside another table:```

...

```I think you could also put the canvas and table in a div and float the canvas left and the table right.

TomG · Answer

> @williamweng said:> Awesome! That worked. Also, do you know if I can hide the next button in JS and then use this command in JS? @TomG > `jQuery("#NextButton").click() ;`Yes, you can do that.  The command to hide is `jQuery("#NextButton").hide();`

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded