Cześć,
Mam stronkę:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.group-title {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #444;
text-transform: uppercase;
font-size: 1rem;
font-weight: 600;
margin: 15px 0;
overflow: visible;
}
.group-title::after {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1px;
content: '';
background-color: #ced4da;
margin-left: 10px;
}
.group-title::before {
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
margin-right: 0;
}
</style>
</head>
<body>
<div class="group-title">
Tekst
</div>
</body>
</html>
Problem dotyczy IE11. Nie wyświetla się pozioma linia po tekście. Jak to obejść?