input {
position: absolute;
left: -9999px;
}
input + label {
border-right: solid 1px #000;
padding-right: 8px;
margin-right: 8px;
}
input:checked + label {
display: none;
}<input type="radio" id="one" name="option" checked/>
<label for="one">One</label>
<input type="radio" id="two" name="option" />
<label for="two">Two</label>
<input type="radio" id="three" name="option" />
<label for="three">Three</label>There are three choices provided. Once a choice is selected, it will be hidden along with the border line between that option and the next one.
For instance,
If "One" is chosen, only "Two | Three" should be visible.
If "Two" is selected, then only "One | Three" should show.
And if "Three" is selected, only "One | Two" will be displayed.
While radio buttons are currently used, other creative solutions using CSS alone are also encouraged to achieve this functionality.