Border pod divem

Question

Witam Wszystkich 

 

Co robię, źle że mam border nad logiem ze słowami "O FIRMIE" a nie pod tak jakbym chciał.

<div id="right-side">
										
										<div class="about-company">
																	<img title ="home" src="home.png" class="home"> 
																	<h1 class="company"> O FIRMIE </h1>
																	
															</div>
										<div style="border-bottom: thick dotted #ffffff; width: 100%"></div>
</div>

#right-side{
	float:left;
	background-color: red;
	width: 700px;
	height:1000px;
	margin-left:30px;
}
.about-company{
	margin-left: 220px;
	
}

 

 

Answer 1

Style wstawiaj tam gdzie powinny być, czyli w CSS.
Daj tam border do .about-company i dodaj jeszcze wysokość do tego diva, bo on jej nie ma i dlatego tak Ci się dzieje.

PS. jest mi smutno bo nie skorzystałeś z mojej podpowiedzi ostatnio, bo używając "Zbadaj element" sam byś to wykrył :(

Comments

Korzystam z opcji "Zbadaj element", jednak jest to mój pierwszy projekt i nie wszystko mam ogarnięte jak widać  ale przez ostatnie kilka dni, naprawdę sporo się nauczyłem 

 

Dziękuje za pomoc 

---

Dobrze, w takim razie się cieszę ;p
Nie ma za co ;)

Answer 2

Usuń to: 

<div style="border-bottom: thick dotted #ffffff; width: 100%"></div>

I zmień css : 

.about-company{
    margin-left: 220px;
border-bottom: 5px dotted #fff;
     
}

 

Comments

Próbowałem już takiej opcji z takich efektem jak na zrzucie poniżej...

 

---

Witam. Poprostu daj border-top do #right-side :)

Answer 3

Czy ma ktoś jakiś inny pomysł?