<!doctype html>
<html>
<head>
<style>
ul {
    display:inline;
}
ul::before {
    content: 'before';
}
ul::after {
    content: 'after';
}
</style>
</head>
<body>
<ul><li>1</li><li>2</li><li>3</li></ul>
</body>
</html>