CSS and HTML.
Encountering an issue with the structure of my Angular project in the home.component.html file:
<div id="homecontent">
<div class="imageslide">
<ng-image-slider [images]="imageObject" [imageSize]="{width: '20%', height: '30%', space: 3}" #nav></ng-image-slider>
</div>
<div id="siteDesc">
<h2>H test</h2>
</div>
<div class="left">
<p>
Some text
</p>
</div>
</div>
Within my home.component.css file, I have the following styling:
#homecontent{
background-image: url(/assets/images/pagebackgorund.jpg);
padding: 0;
margin: 0;
}
left{
float: left;
}
However, the image set in #homecontent is being overridden by the .left class div. How can I prevent this from happening?