How can these DIVs be the same height, but with their contents different?

1

How do the divs below have the same height always? The content is dynamic, the content of the first time will be larger, the second time, I could use tables, but the content is not tabular.

<div style="border: solid; height: 200px;">
  <div style="border: solid; display: inline-block;">
    DIV1 LINHA 1
  </div>
  <div style="border: solid; display: inline-block;">
    DIV2 LINHA 1
    <br> DIV2 LINHA 2
    <br> DIV2 LINHA 3
  </div>
</div>
    
asked by anonymous 26.04.2018 / 21:31

1 answer

-1

I think all the confusions and difficulties I had regarding height, positioning, responsiveness, etc., could be solved with the of this link

I think the idea of tables is much more intuitive, but obviously it's completely obsolete. So, in this link, it can generate classes that simulate a table, but with all the advantages of CSS.

    
27.04.2018 / 22:57