SCSS

HTML

<div class="tabs">
  <div>Tab1</div>
	<div>Tab2 long name</div>
	<div>Tab3</div>
	<div>Tab 4</div>
	<div>Tab5</div>
</div>

<hr>

<div class="tabs">
  <div>Tab 1</div>
  <div>Tab 1</div>
  <div>Tab 1</div>
</div>

SCSS

.tabs {
	width: 180px;
	display: flex;
	align-items: center;
	
	> div {
    position: relative;
		padding: 0 5px;
		
		&:not(:last-child):after {
			content: '|';
			position: absolute;
			top: calc(50% - 0.5em);
			right: -2px;
		}
	}
}