I have a situation where I have three divs that are all floating to the left, displayed like this: (1)(2)(3). The issue arises when the font size within div1 is longer than the width I set, causing it to go to the next line within the div. However, the next line does not align with the leftmost margin of the div, rather it appears to be centered. How can I address this problem? Below is the current CSS code I am using:
.left-div-results-list div:first-child{
width:70%;
float:left;
}
.left-div-results-list div:nth-child(2){
float:left;
width:10%;
}
.left-div-results-list div:nth-child(3){
width:10%;
float:left;
}
.left-div-results-list tr td{
min-width:400px;
}
here is an example:
> -------------------------------
> - this is correct
> -
> -
> -
> -
> --------------------------------
>
> --------------------------------
> -
> - this is not correct when the
> - length is longer. --> This needs to also be left aligned.!
> -
> --------------------------------