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

URCap Development HTML
1

OTECH
OTECH.png736×516 2.54 KB

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！

2

Something like this
image

Hope this helps

4 Likes
3

Thanks man!! it has solved my confusion perfectly…

4

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?