Answers for "css how to make a elements of same type start at same height"

TypeScript

css how to make a elements of same type start at same height

CSS:
.row {
  display: flex; /* equal height of the children */
}

.col {
  flex: 1; /* additionally, equal width */
  
  padding: 1em;
  border: solid;
}
HTML:
<div class="row">
  <div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
  <div class="col">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad omnis quae expedita ipsum nobis praesentium velit animi minus amet perspiciatis laboriosam similique debitis iste ratione nemo ea at corporis aliquam.</div>
</div>

Posted by: Guest on January-02-2021

Source

how to make all div same height

<html>
	<head>
    	<title>Web page</title>
    </head>
    <body>
    	<div id="divContainer">
          <div id="divOne">
          	<p>Paragraph 1</p>
            <p>Another Paragraph</p>
          </div>
          <div id="divTwo">
          	<p>Paragraph 2</p>
          </div>
        </div>
    </body>
    <style>
    	#divContainer {
        	display: flex;
        }
        #divOne {
        	background-color: red;
        }
        #divTwo {
        	background-color: blue;
        }
    </style>
</html>

Posted by: Guest on March-28-2020

Code answers related to "css how to make a elements of same type start at same height"

Code answers related to "TypeScript"

Browse Popular Code Answers by Language

Python

Javascript

Whatever

Shell/Bash

CSS

Html

PHP

SQL

Java

Answers for "css how to make a elements of same type start at same height"

Code answers related to "css how to make a elements of same type start at same height"

Code answers related to "TypeScript"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us