[HTML][CSS]Float: right a element pod spodem Opcje

[wiktor0000]

Witam, mam pewien problem nad którym siedzę już kilka godzin otóż jak usunąć te bordery pod elementem o klasie .box


Kod

[HTML] pobierz, plaintext 
<div class="box" style="float:right">asddddddddddddddddddd</div>
 
       <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
        <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
        <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
 
 
        <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
        <div class="tytul">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at lorem tempus, suscipit quam quis, cursus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec id libero sed arcu fringilla tincidunt vel id urna. Mauris viverra tellus ut lacus condimentum, sed malesuada mi tincidunt. Etiam condimentum turpis vulputate felis condimentum sollicitudin. Nunc velit turpis,</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.tytul {
 
	font-family: 'Oswald', sans-serif;
	border: 2px solid red;
	margin-bottom: 5%;
	margin-left: 5%;
	width: 90%;
	-webkit-box-shadow: 0px 0px 14px 4px rgba(142,228,175,1);
	-moz-box-shadow: 0px 0px 14px 4px rgba(142,228,175,1);
	box-shadow: 0px 0px 14px 4px rgba(142,228,175,1);
}
.box {
	opacity: .5;
	float:left;
	overflow:hidden;
	margin-top: -10px;
	border: 2px solid red;
	height: 400px;
	width: 400px;
	BACkground:white;
}
[HTML] pobierz, plaintext 

[viking]

Na pewno nie w takim układzie. Zrób float left n-pierwszym elementom albo inaczej to zapisz (flex).

[wiktor0000]

Te dwie opcje odpadają ponieważ wygląda to wtedy tak