text break css
/* Schlüsselwortwerte */
word-break: normal;
word-break: break-all;
word-break: keep-all;
/* Globale Werte */
word-break: inherit;
word-break: initial;
word-break: unset;text break css
/* Schlüsselwortwerte */
word-break: normal;
word-break: break-all;
word-break: keep-all;
/* Globale Werte */
word-break: inherit;
word-break: initial;
word-break: unset;flex wrap css
<style>
#datadiv {
width: 200px;
height: 200px;
border: 1px solid #c3c3c3;
display: flex;
flex-wrap: wrap;
}
#datadiv div {
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<h1>The flex-wrap Property</h1>
<div id="datadiv">
<div style="background-color:red;">A</div>
<div style="background-color:green;">B</div>
<div style="background-color:yellow;">C</div>
<div style="background-color:blue;">D</div>
<div style="background-color:cyan;">E</div>
<div style="background-color:indigo;">F</div>
</div>how to have white space in css
#HTML_code
<h1>
My text
<span>
Here my white space
</span>
</h1>
#Css_Code
h1 span::before
{
content: "A";
white-space:pre;
}felx-wrap css
The flex-wrap property specifies whether the flexible items should wrap or not. Note: If the elements are not flexible items, the flex-wrap property has no effect.botoes estilizados css
<a href="#" class="myButton">Quero vender mais</a>
.myButton {
box-shadow:inset 0px 1px 0px 0px #caefab;
background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
background-color:#77d42a;
border-radius:6px;
border:1px solid #268a16;
display:inline-block;
cursor:pointer;
color:#306108;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #aade7c;
}
.myButton:hover {
background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
background-color:#5cb811;
}
.myButton:active {
position:relative;
top:1px;
}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
