 | ||||
|---|---|---|---|---|
| Servicemembers and their families have unique insurance needs. Veterans can also enjoy good deals from trusted companies. |
||||
| Life | Auto | Home | Renters | Health |
| ||||
|---|---|---|---|---|
| Servicemembers and their families have unique insurance needs. Veterans can also enjoy good deals from trusted companies. Additional text... Servicemembers and their families have unique insurance needs. Veterans can also enjoy good deals from trusted companies. Servicemembers and their families have unique insurance needs. Veterans can also enjoy good deals from trusted companies. |
||||
| Life | Auto | Home | Renters | Health |
|
|---|
Servicemembers and their families have unique insurance needs. Veterans can also enjoy good deals from trusted companies. Additional text... Servicemembers and their families have unique insurance needs. Veterans can also enjoy good deals from trusted companies. Servicemembers and their families have unique insurance needs. Veterans can also enjoy good deals from trusted companies. |
| Life | Auto | Home | Renters | Health |
The goal...
I am somewhat stuck and running out of ideas on how to implement this because the red-column's content (i.e. an image) can change size/width; while the blue-column's text-content need to adhere to the container's width and not wrap below the red-column's area/plane. Pointers are greatly appreciated. Thanks.I am somewhat stuck and running out of ideas on how to implement this because the red-column's content (i.e. an image) can change size/width; while the blue-column's text-content need to adhere to the container's width and not wrap below the red-column's area/plane. Pointers are greatly appreciated. Thanks.
| Life | Auto | Home | Renters | Health |
The solution...
#container {
width:300px;
position:relative;
margin:auto;
padding:5px;
background-color:#E8F0F7;
}
#left {
float:left;
padding:0 10px;
}
#left img {border:1px solid #666666;}
#right {display:table-cell;}
* html #right {display:inline-block;}
I am somewhat stuck and running out of ideas on how to implement this because the red-column's content (i.e. an image) can change size/width; while the blue-column's text-content need to adhere to the container's width and not wrap below the red-column's area/plane. Pointers are greatly appreciated. Thanks.