CSS border-inline property example at PNLdev

Run
<!DOCTYPE html>
<html>
<head>
<style>
    h1, h2, div {
    padding: 20x 5px;
    background-color: lightblue;
}
    h1 {
    border-inline: 10px solid green;
}
    h2 {
    border-inline: 10px dotted lightgreen;
}
    div {
    border-inline: double;
}
</style>
</head>
<body>
	<h1>border-inline property example</h1>
    <h2>A heading with a solid red border in the inline direction</h2>
    <h2>A heading with a dotted blue border in the inline direction</h2>
    <div>A div element with a double border in the inline direction.</div>
</body>
</html>