Question

I have a div that contains <tr><table> etc when I try to give it a border so that every cell has a border work. it doesnt give anything a border:

#dropDownDiv {
    border-left: thin solid white;
}

<div id="dropDownDiv">
<tr>
    <td style="text-transform:capitalize;">
        ${bean.multiLineAddress}${bean.postCode}
    </td>
    <td>
        <table border="0">
            <tr>
                <td>
                    Home
                </td>
                <td>
                    ${bean.phoneNumber}
                </td>
            </tr>
            <tr>
                <td>
                    Work
                </td>
                <td>
                    ${bean.phoneNumber_2}
                </td>
            </tr>
            <tr>
                <td>
                    Mobile
                </td>
                <td>
                    ${bean.mobilePhone}
                </td>
            </tr>
            <tr>
                <td>
                    Email
                </td>
                <td>
                    ${bean.emailAddress}
                </td>
            </tr>
        </table>
    </td>
    <td>
        empty
    </td>
    <td>
        warning
    </td>
    <td Style="text-transform: capitalize;">
        {for warning in bean.Warnings}
        - ${warning}<br>
        {/for}
    </td>   
</tr>
</div>

EDIT: none of the answers worked

Answer 1

You have only selected the div, you have to select everything within the div as well:

#dropDownDiv,
#dropDownDiv table,
#dropDownDiv tr,
#dropDownDiv td
{
    border-left: thin solid white;
}

Or you can use a wildcard:

#dropDownDiv *
{
    border-left: thin solid white;
}

Which will select absolutely everything inside the div 🙂

---

Just caught this:

You’re missing a table tag:

<div id="dropDownDiv">
<tr>
    <td style="text-transform:capitalize;">

Change it to:

<div id="dropDownDiv">
<table>
<tr>
    <td style="text-transform:capitalize;">

You can’t have a <tr> wothout a <table>. Some browsers won’t know what to do with it. 🙂