Question

How do I apply the width of the div to the ul, when the width of the div is unknown.

The HTML:

<div>
    <p>
        Text
    </p>
</div>
<ul>
    <li>
        <p>
            Some other text
        </p>
    </li>
</ul>

the ul should be 89% smaller in width than the div.

Any suggestions?

Answer 1

If the <ul> is outside the <div> then it has no concept of the <div>s width. You could do it with javascript if you wanted to.

jQuery approach (who knows if this is what you actually want, but your question is… vague)

$('ul').css('width', $('div').width() * 0.89);