Border-right

pytanie zadane 27 lipca 2018 w HTML i CSS przez Hipolit Roszkowski Obywatel (1,480 p.)
edycja 27 lipca 2018 przez Hipolit Roszkowski

<div id="menu">
			  <div class="option">STRONA GŁÓWNA</div>
			  <div class="option">O MNIE</div>
			  <div class="option">RECENZJE</div>
			  <div class="option">WSPÓŁPRACA</div>
			  <div style ="clear:both;"</div>
			  </div>

#menu
{
	background-color:#ebebeb;
	margin-top:35px;
	color:#6f6d6f;
	padding:10px;
	border: 1px solid #cfcdcc;
}

.option
{
	float:left;
	min-width:50px;
	height:20px;
	font-size:17px;
	font-family: 'Oswald', sans-serif;
	padding:10px;
	border-right: 1px solid #cfcdcc;
	opacity: 0.8;
}

Witam, jak sprawić by ten prawy border stykał się z ramką a nie był pomiędzy nią?

komentarz 27 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Daj kod na codepen a nie obrazek.

komentarz 27 lipca 2018 przez Hipolit Roszkowski Obywatel (1,480 p.)

<div id="menu">
			  <div class="option">STRONA GŁÓWNA</div>
			  <div class="option">O MNIE</div>
			  <div class="option">RECENZJE</div>
			  <div class="option">WSPÓŁPRACA</div>
			  <div style ="clear:both;"</div>
			  </div>

#menu
{
	background-color:#ebebeb;
	margin-top:35px;
	color:#6f6d6f;
	padding:10px;
	border: 1px solid #cfcdcc;
}

.option
{
	float:left;
	min-width:50px;
	height:20px;
	font-size:17px;
	font-family: 'Oswald', sans-serif;
	padding:10px;
	border-right: 1px solid #cfcdcc;
	opacity: 0.8;
}

1 odpowiedź

odpowiedź 27 lipca 2018 przez Tomek Sochacki Ekspert (227,510 p.)

Chodzi o usunięcie prawego bordera dla ostatniego elementu?

Jeśli tak to coś takiego: https://codepen.io/Tomek_Sochacki/pen/LBzwje ?

Dodałem "border-right: none;" dla ostatniego elementu o klasie option oraz dla #menu dodałem "display: flex" i wtedy usunąłem ten sztuczny element: <div style ="clear:both;"</div>