div html
<div style="background-color:lightblue">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
div html
<div style="background-color:lightblue">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
what is div in html
<div>
<!-- This is opening of a division tag-->
</div>
div
var app2 = new Vue({
el: '#app-2',
data: {
message: 'You this page on ' + new Date().toLocaleString()
}
})
div
/*
Flexible Box
For Parent
- display: flex => To Start Flexible Box
- flex-direction: row => Default Value
- flex-wrap: nowrap => Default Value
- flex-flow: [Flex-Direction] + [Flex-Wrap]
*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.flex {
background-color: #eee;
width: 600px;
padding: 20px;
margin: 20px auto;
display: flex;
flex-direction: column;
}
.flex div {
background-color: #f00;
color: white;
width: 25%;
text-align: center;
padding: 20px;
}
.float {
overflow: hidden;
background-color: #eee;
width: 600px;
padding: 20px;
margin: 20px auto;
}
.float div {
background-color: #f00;
color: white;
float: right;
width: 25%;
text-align: center;
padding: 20px;
}
div
col-12
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us