Universal Robots Forum

How to design UI with HTML && CSS like this?

I have try many ways to design UI with css&&html look like the picture , but it seems does not work in urcap… or May be it doesnt support by urcap.

Do anyone has Idea about this? Thanks very much!

Something like this
image

Hope this helps

4 Likes

Thanks man!! it has solved my confusion perfectly…

I don’t like, that the content of the div’s is vertically centered. See this code:

 <div>Title Title Title Title Title Title Title</div>
 <div>
   <div style="display:inline-block">
     View View View View <br>View View View View <br>View View View View
   </div>
   <div style="display:inline-block">
     <div style="padding-bottom:50px">
       Button 1
     </div>
     <div>
       Button 2
     </div>
   </div>
 </div>

Leads to:
layoutexample
I’d like to align the content to the top. Is this possible?
A very dirty workaround could be to add a <div> with padding at the end of the smaller cell to make it the same size. But I would prefer a clean solution. Do I miss something?