Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
body {
background: #c9c5c5;
font-size: 20px;
text-align: center;
}
main div {
display: flex;
align-items: center;
justify-content: center;
color: black;
padding-top: 30px;
padding-bottom: 30px;
width: 200px;
height: 100px;
margin: 15px;
font-weight: bold;
background-color: #1c87c9;
border: 10px solid;
}
.flex-center {
display: flex;
justify-content: center;
}
/* border-right-style example classes */
.b1 { border-right-style: hidden; }
.b2 {border-right-style: dotted;}
.b3 {border-right-style: dashed;}
.b4 {border-right-style: solid;}
.b5 {border-right-style: double;}
.b6 {border-right-style: groove;}
.b7 {border-right-style: ridge;}