<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <head>        <title>Ratios and Proportions</title>        <link rel="StyleSheet" type="text/css" href="../../style_sheets/notes.css"/>    </head>    <body>        <h1>            Ratios and Proportions        </h1>        <div class="rule">            <p>                <strong>Ratio</strong>            </p>            <p>                Let                 <var>p</var> and                <var>q</var> be numbers, with                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mi>q</mi>                    <mo>&NotEqual;</mo>                    <mn>0</mn>                </math>.            </p>            <p>                The ratio of                <var>p</var> to                <var>q</var> is                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mi>p</mi>                            <mi>q</mi>                        </mfrac>                    </mstyle>                </math>.            </p>        </div>        <div class="example">            <p>                The ratio of 5 to 2 is                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mn>5</mn>                            <mn>2</mn>                        </mfrac>                    </mstyle>                </math>.            </p>            <p>                The ratio of 6 to 4 is                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mn>6</mn>                            <mn>4</mn>                        </mfrac>                    </mstyle>                </math>, which simplifies to                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mn>3</mn>                            <mn>2</mn>                        </mfrac>                    </mstyle>                </math>.            </p>            <p>                The ratio of 15 to 5 is                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mn>15</mn>                            <mn>5</mn>                        </mfrac>                    </mstyle>                </math>, which simplifies to                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mn>3</mn>                </math>.            </p>        </div>        <p>            Sometimes a ratio has a recognizable meaning.        </p>        <div class="example">            <p>A 12-ounce can of Coca-Cola                <sup>&reg;</sup> costs 60 cents.            </p>            <p>                The ratio of 60 cents to 12 ounces is                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mrow>                                <mn>60</mn>                                <mo>&InvisibleTimes;</mo>                                <mi mathvariant="normal">cent</mi>                            </mrow>                            <mrow>                                <mn>12</mn>                                <mo>&InvisibleTimes;</mo>                                <mi mathvariant="normal">ounce</mi>                            </mrow>                        </mfrac>                    </mstyle>                </math>.            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mrow>                            <mn>60</mn>                            <mo>&InvisibleTimes;</mo>                            <mi mathvariant="normal">cent</mi>                        </mrow>                        <mrow>                            <mn>12</mn>                            <mo>&InvisibleTimes;</mo>                            <mi mathvariant="normal">ounce</mi>                        </mrow>                    </mfrac>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mn>60</mn>                        <mn>12</mn>                    </mfrac>                    <mo>&middot;</mo>                    <mfrac>                        <mi mathvariant="normal">cent</mi>                        <mi mathvariant="normal">ounce</mi>                    </mfrac>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mn>5</mn>                    <mo>&middot;</mo>                    <mfrac>                        <mi mathvariant="normal">cent</mi>                        <mi mathvariant="normal">ounce</mi>                    </mfrac>                </math>            </p>            <p>                In ordinary speech,                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mi mathvariant="normal" mathcolor="red">cent</mi>                            <mi mathvariant="normal" mathcolor="blue">ounce</mi>                        </mfrac>                    </mstyle>                </math> is read,                &quot;                <span style="color: red">cents</span> per                <span style="color: blue">ounce</span>.&quot;            </p>            <p>                The meaning of the ratio of the cost (60 cents) to the amount (12 ounces)                turns out to be the                <em>unit price</em>, 5 cents per ounce.            </p>        </div>        <p>            When purchasing something, a lower unit price is considered a better deal than a higher unit price.        </p>        <div class="example">            <div class="statement">                <p>                Bill is at a convenience store in Death Valley to buy a drink from the soda fountain.                The table below shows his options.                </p>                <p>                    <table>                        <thead>                            <tr>                                <th>                                Size                                </th>                                <th>                                Price                                </th>                            </tr>                        </thead>                        <tbody>                            <tr>                                <td>                                16 oz                                </td>                                <td>                                $0.69                                </td>                            </tr>                            <tr>                                <td>                                24 oz                                </td>                                <td>                                $0.89                                </td>                            </tr>                            <tr>                                <td>                                32 oz                                </td>                                <td>                                $1.19                                </td>                            </tr>                            <tr>                                <td>                                44 oz                                </td>                                <td>                                $1.69                                </td>                            </tr>                            <tr>                                <td>                                64 oz                                </td>                                <td>                                $2.49                                </td>                            </tr>                        </tbody>                    </table>                </p>                <p>                    Which size drink is the best deal?                </p>            </div>            <p>                Compute the                 <span style="background-color: pink">unit prices</span>. Use a calculator. Round, but keep results                precise enough that the unit prices are distinguishable.            </p>            <p>                <table>                    <thead>                        <tr>                            <th>                                Size                            </th>                            <th>                                Price                            </th>                            <th>                                Unit Price                            </th>                        </tr>                    </thead>                    <tbody>                        <tr>                            <td>                                16 oz                            </td>                            <td>                                $0.69                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle mathbackground="pink">                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mrow>                                                    <mn>0.69</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">dollar</mi>                                                </mrow>                                                <mrow>                                                    <mn>16</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">ounce</mi>                                                </mrow>                                            </mfrac>                                        </mstyle>                                        <mo>=</mo>                                        <mrow>                                            <mn>0.043125</mn>                                            <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                            <mstyle scriptlevel="-1">                                                <mfrac>                                                    <mi mathvariant="normal">dollar</mi>                                                    <mi mathvariant="normal">ounce</mi>                                                </mfrac>                                            </mstyle>                                        </mrow>                                    </mstyle>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                24 oz                            </td>                            <td>                                $0.89                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle mathbackground="pink">                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mrow>                                                    <mn>0.89</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">dollar</mi>                                                </mrow>                                                <mrow>                                                    <mn>24</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">ounce</mi>                                                </mrow>                                            </mfrac>                                        </mstyle>                                        <mo>&cong;</mo>                                        <mrow>                                            <mn>0.037083</mn>                                            <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                            <mstyle scriptlevel="-1">                                                <mfrac>                                                    <mi mathvariant="normal">dollar</mi>                                                    <mi mathvariant="normal">ounce</mi>                                                </mfrac>                                            </mstyle>                                        </mrow>                                    </mstyle>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                32 oz                            </td>                            <td>                                $1.19                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle mathbackground="pink">                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mrow>                                                    <mn>1.19</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">dollar</mi>                                                </mrow>                                                <mrow>                                                    <mn>32</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">ounce</mi>                                                </mrow>                                            </mfrac>                                        </mstyle>                                        <mo>&cong;</mo>                                        <mrow>                                            <mn>0.037188</mn>                                            <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                            <mstyle scriptlevel="-1">                                                <mfrac>                                                    <mi mathvariant="normal">dollar</mi>                                                    <mi mathvariant="normal">ounce</mi>                                                </mfrac>                                            </mstyle>                                        </mrow>                                    </mstyle>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                44 oz                            </td>                            <td>                                $1.69                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle mathbackground="pink">                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mrow>                                                    <mn>1.69</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">dollar</mi>                                                </mrow>                                                <mrow>                                                    <mn>44</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">ounce</mi>                                                </mrow>                                            </mfrac>                                        </mstyle>                                        <mo>&cong;</mo>                                        <mrow>                                            <mn>0.038409</mn>                                            <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                            <mstyle scriptlevel="-1">                                                <mfrac>                                                    <mi mathvariant="normal">dollar</mi>                                                    <mi mathvariant="normal">ounce</mi>                                                </mfrac>                                            </mstyle>                                        </mrow>                                    </mstyle>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                64 oz                            </td>                            <td>                                $2.49                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle mathbackground="pink">                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mrow>                                                    <mn>2.49</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">dollar</mi>                                                </mrow>                                                <mrow>                                                    <mn>64</mn>                                                    <mo>&InvisibleTimes;</mo>                                                    <mi mathvariant="normal">ounce</mi>                                                </mrow>                                            </mfrac>                                        </mstyle>                                        <mo>&cong;</mo>                                        <mrow>                                            <mn>0.038906</mn>                                            <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                            <mstyle scriptlevel="-1">                                                <mfrac>                                                    <mi mathvariant="normal">dollar</mi>                                                    <mi mathvariant="normal">ounce</mi>                                                </mfrac>                                            </mstyle>                                        </mrow>                                    </mstyle>                                </math>                            </td>                        </tr>                    </tbody>                </table>            </p>            <p>                Find the                <span style="background-color: yellow">least unit price</span>.            </p>            <p>                <table>                    <thead>                        <tr>                            <th>                                Size                            </th>                            <th>                                Price                            </th>                            <th>                                Unit Price                            </th>                        </tr>                    </thead>                    <tbody>                        <tr>                            <td>                                16 oz                            </td>                            <td>                                $0.69                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>0.69</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>16</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>=</mo>                                    <mrow>                                        <mn>0.043125</mn>                                        <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mi mathvariant="normal">dollar</mi>                                                <mi mathvariant="normal">ounce</mi>                                            </mfrac>                                        </mstyle>                                    </mrow>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                24 oz                            </td>                            <td>                                $0.89                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>0.89</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>24</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>&cong;</mo>                                    <mstyle mathbackground="yellow">                                        <mrow>                                            <mn>0.037083</mn>                                            <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                            <mstyle scriptlevel="-1">                                                <mfrac>                                                    <mi mathvariant="normal">dollar</mi>                                                    <mi mathvariant="normal">ounce</mi>                                                </mfrac>                                            </mstyle>                                        </mrow>                                    </mstyle>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                32 oz                            </td>                            <td>                                $1.19                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>1.19</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>32</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>&cong;</mo>                                    <mrow>                                        <mn>0.037188</mn>                                        <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mi mathvariant="normal">dollar</mi>                                                <mi mathvariant="normal">ounce</mi>                                            </mfrac>                                        </mstyle>                                    </mrow>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                44 oz                            </td>                            <td>                                $1.69                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>1.69</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>44</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>&cong;</mo>                                    <mrow>                                        <mn>0.038409</mn>                                        <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mi mathvariant="normal">dollar</mi>                                                <mi mathvariant="normal">ounce</mi>                                            </mfrac>                                        </mstyle>                                    </mrow>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                64 oz                            </td>                            <td>                                $2.49                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>2.49</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>64</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>&cong;</mo>                                    <mrow>                                        <mn>0.038906</mn>                                        <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mi mathvariant="normal">dollar</mi>                                                <mi mathvariant="normal">ounce</mi>                                            </mfrac>                                        </mstyle>                                    </mrow>                                </math>                            </td>                        </tr>                    </tbody>                </table>            </p>            <p>                The                <span style="background-color: aqua">size</span> that has the                <span style="background-color: yellow">least unit price</span> is the best deal.            </p>            <p>                <table>                    <thead>                        <tr>                            <th>                                Size                            </th>                            <th>                                Price                            </th>                            <th>                                Unit Price                            </th>                        </tr>                    </thead>                    <tbody>                        <tr>                            <td>                                16 oz                            </td>                            <td>                                $0.69                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>0.69</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>16</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>=</mo>                                    <mrow>                                        <mn>0.043125</mn>                                        <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mi mathvariant="normal">dollar</mi>                                                <mi mathvariant="normal">ounce</mi>                                            </mfrac>                                        </mstyle>                                    </mrow>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                <span style="background-color: aqua">24 oz</span>                            </td>                            <td>                                $0.89                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>0.89</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>24</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>&cong;</mo>                                    <mstyle mathbackground="yellow">                                        <mrow>                                            <mn>0.037083</mn>                                            <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                            <mstyle scriptlevel="-1">                                                <mfrac>                                                    <mi mathvariant="normal">dollar</mi>                                                    <mi mathvariant="normal">ounce</mi>                                                </mfrac>                                            </mstyle>                                        </mrow>                                    </mstyle>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                32 oz                            </td>                            <td>                                $1.19                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>1.19</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>32</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>&cong;</mo>                                    <mrow>                                        <mn>0.037188</mn>                                        <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mi mathvariant="normal">dollar</mi>                                                <mi mathvariant="normal">ounce</mi>                                            </mfrac>                                        </mstyle>                                    </mrow>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                44 oz                            </td>                            <td>                                $1.69                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>1.69</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>44</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>&cong;</mo>                                    <mrow>                                        <mn>0.038409</mn>                                        <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mi mathvariant="normal">dollar</mi>                                                <mi mathvariant="normal">ounce</mi>                                            </mfrac>                                        </mstyle>                                    </mrow>                                </math>                            </td>                        </tr>                        <tr>                            <td>                                64 oz                            </td>                            <td>                                $2.49                            </td>                            <td>                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                                    <mstyle scriptlevel="-1">                                        <mfrac>                                            <mrow>                                                <mn>2.49</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">dollar</mi>                                            </mrow>                                            <mrow>                                                <mn>64</mn>                                                <mo>&InvisibleTimes;</mo>                                                <mi mathvariant="normal">ounce</mi>                                            </mrow>                                        </mfrac>                                    </mstyle>                                    <mo>&cong;</mo>                                    <mrow>                                        <mn>0.038906</mn>                                        <mo rspace="thickmathspace">&InvisibleTimes;</mo>                                        <mstyle scriptlevel="-1">                                            <mfrac>                                                <mi mathvariant="normal">dollar</mi>                                                <mi mathvariant="normal">ounce</mi>                                            </mfrac>                                        </mstyle>                                    </mrow>                                </math>                            </td>                        </tr>                    </tbody>                </table>            </p>            <p class="statement">                The 24-ounce drink is the best deal.            </p>        </div>        <div class="rule">            <p>                <strong>Proportion</strong>            </p>            <p>                A proportion is an equation whose sides are ratios.            </p>            <p>                To solve the proportion                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mi>a</mi>                            <mi>b</mi>                        </mfrac>                    </mstyle>                    <mo>=</mo>                    <mstyle scriptlevel="-1">                        <mfrac>                            <mi>c</mi>                            <mi>d</mi>                        </mfrac>                    </mstyle>                </math>,                <em>cross-multiply</em> to get                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mrow>                        <mi>a</mi>                        <mo>&InvisibleTimes;</mo>                        <mi>d</mi>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mi>b</mi>                        <mo>&InvisibleTimes;</mo>                        <mi>c</mi>                    </mrow>                </math>, and then solve.            </p>        </div>        <div class="example">            <p class="statement">                Solve.                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mi>x</mi>                        <mn>5</mn>                    </mfrac>                    <mo>=</mo>                    <mfrac>                        <mrow>                            <mi>x</mi>                            <mo>+</mo>                            <mn>3</mn>                        </mrow>                        <mn>6</mn>                    </mfrac>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mi mathbackground="gold">x</mi>                        <mn mathbackground="thistle">5</mn>                    </mfrac>                    <mo>=</mo>                    <mfrac>                        <mstyle mathbackground="thistle">                            <mrow>                                <mi>x</mi>                                <mo>+</mo>                                <mn>3</mn>                            </mrow>                        </mstyle>                        <mn mathbackground="gold">6</mn>                    </mfrac>                </math>            </p>            <p>                Cross-multiply.            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mfenced>                            <mi mathbackground="gold">x</mi>                        </mfenced>                        <mo>&InvisibleTimes;</mo>                        <mfenced>                            <mn mathbackground="gold">6</mn>                        </mfenced>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mfenced>                            <mn mathbackground="thistle">5</mn>                        </mfenced>                        <mo>&InvisibleTimes;</mo>                        <mfenced>                            <mstyle mathbackground="thistle">                                <mrow>                                    <mi>x</mi>                                    <mo>+</mo>                                    <mn>3</mn>                                </mrow>                            </mstyle>                        </mfenced>                    </mrow>                </math>            </p>            <p>                Solve.            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mn>6</mn>                        <mo>&InvisibleTimes;</mo>                        <mi>x</mi>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mrow>                            <mn>5</mn>                            <mo>&InvisibleTimes;</mo>                            <mi>x</mi>                        </mrow>                        <mo>+</mo>                        <mn>15</mn>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mrow>                            <mn>6</mn>                            <mo>&InvisibleTimes;</mo>                            <mi>x</mi>                        </mrow>                        <mstyle mathcolor="red">                            <mo form="infix">-</mo>                            <mrow>                                <mn>5</mn>                                <mo>&InvisibleTimes;</mo>                                <mi>x</mi>                            </mrow>                        </mstyle>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mrow>                            <mrow>                                <mn>5</mn>                                <mo>&InvisibleTimes;</mo>                                <mi>x</mi>                            </mrow>                            <mo>+</mo>                            <mn>15</mn>                        </mrow>                        <mstyle mathcolor="red">                            <mo form="infix">-</mo>                            <mrow>                                <mn>5</mn>                                <mo>&InvisibleTimes;</mo>                                <mi>x</mi>                            </mrow>                        </mstyle>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mi>x</mi>                    <mo>=</mo>                    <mn>15</mn>                </math>            </p>            <p class="statement">                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfenced open="{" close="}">                        <mn>15</mn>                    </mfenced>                </math>            </p>        </div>        <div class="example">            <p class="statement">                Solve.                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mrow>                            <mrow>                                <mn>2</mn>                                <mo>&InvisibleTimes;</mo>                                <mi>w</mi>                            </mrow>                            <mo>+</mo>                            <mn>5</mn>                        </mrow>                        <mn>9</mn>                    </mfrac>                    <mo>=</mo>                    <mfrac>                        <mrow>                            <mrow>                                <mn>7</mn>                                <mo>&InvisibleTimes;</mo>                                <mi>w</mi>                            </mrow>                            <mo>-</mo>                            <mn>2</mn>                        </mrow>                        <mn>12</mn>                    </mfrac>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mstyle mathbackground="turquoise">                            <mrow>                                <mrow>                                    <mn>2</mn>                                    <mo>&InvisibleTimes;</mo>                                    <mi>w</mi>                                </mrow>                                <mo>+</mo>                                <mn>5</mn>                            </mrow>                        </mstyle>                        <mn mathbackground="sandybrown">9</mn>                    </mfrac>                    <mo>=</mo>                    <mfrac>                        <mstyle mathbackground="sandybrown">                            <mrow>                                <mrow>                                    <mn>7</mn>                                    <mo>&InvisibleTimes;</mo>                                    <mi>w</mi>                                </mrow>                                <mo>-</mo>                                <mn>2</mn>                            </mrow>                        </mstyle>                        <mn mathbackground="turquoise">12</mn>                    </mfrac>                </math>            </p>            <p>                Cross-multiply.            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mfenced>                            <mstyle mathbackground="turquoise">                                <mrow>                                    <mrow>                                        <mn>2</mn>                                        <mo>&InvisibleTimes;</mo>                                        <mi>w</mi>                                    </mrow>                                    <mo>+</mo>                                    <mn>5</mn>                                </mrow>                            </mstyle>                        </mfenced>                        <mo>&InvisibleTimes;</mo>                        <mfenced>                            <mn mathbackground="turquoise">12</mn>                        </mfenced>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mfenced>                            <mn mathbackground="sandybrown">9</mn>                        </mfenced>                        <mo>&InvisibleTimes;</mo>                        <mfenced>                            <mstyle mathbackground="sandybrown">                                <mrow>                                    <mrow>                                        <mn>7</mn>                                        <mo>&InvisibleTimes;</mo>                                        <mi>w</mi>                                    </mrow>                                    <mo>-</mo>                                    <mn>2</mn>                                </mrow>                            </mstyle>                        </mfenced>                    </mrow>                </math>            </p>            <p>                Solve.            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mrow>                            <mn>24</mn>                            <mo>&InvisibleTimes;</mo>                            <mi>w</mi>                        </mrow>                        <mo>+</mo>                        <mn>60</mn>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mrow>                            <mn>63</mn>                            <mo>&InvisibleTimes;</mo>                            <mi>w</mi>                        </mrow>                        <mo>-</mo>                        <mn>18</mn>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mrow>                            <mn>24</mn>                            <mo>&InvisibleTimes;</mo>                            <mi>w</mi>                        </mrow>                        <mo>+</mo>                        <mn>60</mn>                        <mstyle mathcolor="red">                            <mo form="infix">-</mo>                            <mrow>                                <mn>63</mn>                                <mo>&InvisibleTimes;</mo>                                <mi>w</mi>                            </mrow>                        </mstyle>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mrow>                            <mn>63</mn>                            <mo>&InvisibleTimes;</mo>                            <mi>w</mi>                        </mrow>                        <mo>-</mo>                        <mn>18</mn>                        <mstyle mathcolor="red">                            <mo form="infix">-</mo>                            <mrow>                                <mn>63</mn>                                <mo>&InvisibleTimes;</mo>                                <mi>w</mi>                            </mrow>                        </mstyle>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mrow>                            <mrow>                                <mo>-</mo>                                <mn>39</mn>                            </mrow>                            <mo>&InvisibleTimes;</mo>                            <mi>w</mi>                        </mrow>                        <mo>+</mo>                        <mn>60</mn>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mo>-</mo>                        <mn>18</mn>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mrow>                            <mrow>                                <mo>-</mo>                                <mn>39</mn>                            </mrow>                            <mo>&InvisibleTimes;</mo>                            <mi>w</mi>                        </mrow>                        <mo>+</mo>                        <mn>60</mn>                        <mstyle mathcolor="red">                            <mo form="infix">-</mo>                            <mn>60</mn>                        </mstyle>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mrow>                            <mo>-</mo>                            <mn>18</mn>                        </mrow>                        <mstyle mathcolor="red">                            <mo form="infix">-</mo>                            <mn>60</mn>                        </mstyle>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mrow>                            <mo>-</mo>                            <mn>39</mn>                        </mrow>                        <mo>&InvisibleTimes;</mo>                        <mi>w</mi>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mrow>                            <mo>-</mo>                            <mn>78</mn>                        </mrow>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mrow>                            <mrow>                                <mo>-</mo>                                <mn>39</mn>                            </mrow>                            <mo>&InvisibleTimes;</mo>                            <mi>w</mi>                        </mrow>                        <mstyle mathcolor="red">                            <mrow>                                <mo>-</mo>                                <mn>39</mn>                            </mrow>                        </mstyle>                    </mfrac>                    <mo>=</mo>                    <mrow>                        <mfrac>                            <mrow>                                <mo>-</mo>                                <mn>78</mn>                            </mrow>                            <mstyle mathcolor="red">                                <mrow>                                    <mo>-</mo>                                    <mn>39</mn>                                </mrow>                            </mstyle>                        </mfrac>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mi>w</mi>                    <mo>=</mo>                    <mn>2</mn>                </math>            </p>            <p class="statement">                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfenced open="{" close="}">                        <mn>2</mn>                    </mfenced>                </math>            </p>        </div>        <div class="example">            <p class="statement">                If 5 cups of vinegar cost $1.50, how much do 2 cups of vinegar cost?            </p>            <p>                Set up a proportion to solve the problem.                <ul>                    <li>                        One one side, write a ratio describing the known situation.                    </li>                    <li>                        Make both numerators have the same unit or describe the same feature.                    </li>                </ul>            </p>            <p>                Let                <var>x</var> be the cost of 2 cups of vinegar.            </p>            <p>The left side of the proportion describes                the known situation&mdash;buying 5 cups of vinegar for $1.50.            </p>            <p>The right side has the same unit in its numerator (cup)                as the left side has in its numerator (cup).                The right side has the same unit in its denominator (dollar) that the left side has in its denominator (dollar).            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mover>                            <mn>5</mn>                            <mover>                                <mi>&OverBrace;</mi>                                <mtext>cup</mtext>                            </mover>                        </mover>                        <munder>                            <mn>1.50</mn>                            <munder>                                <mi>&UnderBrace;</mi>                                <mtext>dollar</mtext>                            </munder>                        </munder>                    </mfrac>                    <mo>=</mo>                    <mfrac>                        <mover>                            <mn>2</mn>                            <mover>                                <mi>&OverBrace;</mi>                                <mtext>cup</mtext>                            </mover>                        </mover>                        <munder>                            <mi>x</mi>                            <munder>                                <mi>&UnderBrace;</mi>                                <mtext>dollar</mtext>                            </munder>                        </munder>                    </mfrac>                </math>            </p>            <p>Cross-multiply.</p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mn>5</mn>                        <mo>&InvisibleTimes;</mo>                        <mi>x</mi>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mfenced>                            <mn>1.50</mn>                        </mfenced>                        <mo>&InvisibleTimes;</mo>                        <mfenced>                            <mn>2</mn>                        </mfenced>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mn>5</mn>                        <mo>&InvisibleTimes;</mo>                        <mi>x</mi>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mn>3</mn>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mrow>                            <mn>5</mn>                            <mo>&InvisibleTimes;</mo>                            <mi>x</mi>                        </mrow>                        <mn mathcolor="red">5</mn>                    </mfrac>                    <mo>=</mo>                    <mrow>                        <mfrac>                            <mn>3</mn>                            <mn mathcolor="red">5</mn>                        </mfrac>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mi>x</mi>                    <mo>=</mo>                    <mn>0.60</mn>                </math>            </p>            <p>                The unit for                <var>x</var> is the dollar.            </p>            <p class="statement">                It costs $0.60 for two cups of vinegar.            </p>            <p>                The proportion                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mover>                                <mn>1.50</mn>                                <mover>                                    <mi>&OverBrace;</mi>                                    <mtext>dollar</mtext>                                </mover>                            </mover>                            <munder>                                <mn>5</mn>                                <munder>                                    <mi>&UnderBrace;</mi>                                    <mtext>cup</mtext>                                </munder>                            </munder>                        </mfrac>                    </mstyle>                    <mo>=</mo>                    <mstyle scriptlevel="-1">                        <mfrac>                            <mover>                                <mi>x</mi>                                <mover>                                    <mi>&OverBrace;</mi>                                    <mtext>dollar</mtext>                                </mover>                            </mover>                            <munder>                                <mn>2</mn>                                <munder>                                    <mi>&UnderBrace;</mi>                                    <mtext>cup</mtext>                                </munder>                            </munder>                        </mfrac>                    </mstyle>                </math>                leads to the same answer.            </p>        </div>        <div class="example">            <div class="statement">                <p>                The towns Calculatorville and Equationton are 12 inches apart on a map.                The actual distance between them is 16 miles.                </p>                <p>                    On the same map, Fraction City and Expressionopolis are 18 inches apart. What is the actual distance between them?                </p>            </div>            <p>                Let                <var>d</var> be the actual distance between Fraction City and Expressionopolis.                Write a proportion in which the numerators are actual distances in miles, and the denominators are map distances in inches.            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mi>d</mi>                        <mn>18</mn>                    </mfrac>                    <mo>=</mo>                    <mfrac>                        <mn>16</mn>                        <mn>12</mn>                    </mfrac>                </math>            </p>            <p>                Cross-multiply.            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mi>d</mi>                        <mo>&middot;</mo>                        <mn>12</mn>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mn>18</mn>                        <mo>&middot;</mo>                        <mn>16</mn>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mrow>                        <mn>12</mn>                        <mo>&InvisibleTimes;</mo>                        <mi>d</mi>                    </mrow>                    <mo>=</mo>                    <mrow>                        <mn>288</mn>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mfrac>                        <mrow>                            <mn>12</mn>                            <mo>&InvisibleTimes;</mo>                            <mi>d</mi>                        </mrow>                        <mn mathcolor="red">12</mn>                    </mfrac>                    <mo>=</mo>                    <mrow>                        <mfrac>                            <mn>288</mn>                            <mn mathcolor="red">12</mn>                        </mfrac>                    </mrow>                </math>            </p>            <p>                <math xmlns="http://www.w3.org/1998/Math/MathML" display="block">                    <mi>d</mi>                    <mo>=</mo>                    <mn>24</mn>                </math>            </p>            <p>                The unit for                <var>d</var> is mile.            </p>            <p class="statement">                The actual distance between Fraction City and Expressionopolis is 24 miles.            </p>        </div>        <div class="example">            <div class="statement">                <p>                    The triangles below are similar. (The corresponding sides are the bottom sides,                    the left sides, and the right sides.) Find the values of                    <var>x</var> and                    <var>y</var>.                </p>                <svg:svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-10 -10 720 440"                    preserveAspectRatio="xMinYMin" width="920" height="420">                    <svg:defs>                        <svg:path id="small_triangle" d="M0,400 h280 l-100,-240 z" stroke="red" stroke-linejoin="round" fill="url(#triangleGradient)"/>                        <svg:linearGradient id="triangleGradient" x1="0%" y1="0%" x2="9%" y2="11%" spreadMethod="repeat">                            <svg:stop offset="20%" stop-color="yellow" />                            <svg:stop offset="80%" stop-color="aqua" />                        </svg:linearGradient>                    </svg:defs>                    <svg:use xlink:href="#small_triangle" stroke-width="4"/>                    <svg:text x="60" y="280" font-family="verdana" font-size="20" stroke="none" fill="black">                        15                    </svg:text>                    <svg:text x="240" y="280" font-family="verdana" font-size="20" stroke="none" fill="black">                        13                    </svg:text>                    <svg:text x="140" y="420" font-family="verdana" font-size="20" stroke="none" fill="black">                        14                    </svg:text>                    <svg:use xlink:href="#small_triangle" transform="translate(400,400) scale(1.5,1.5) translate(0,-400)" stroke-width="2.666"/>                    <svg:text x="500" y="240" font-family="verdana" font-style="italic" font-size="20" stroke="none" fill="black">                        x                    </svg:text>                    <svg:text x="770" y="240" font-family="verdana" font-style="italic" font-size="20" stroke="none" fill="black">                        y                    </svg:text>                    <svg:text x="610" y="420" font-family="verdana" font-size="20" stroke="none" fill="black">                        21                    </svg:text>                </svg:svg>            </div>            <p>                Ratios of corresponding sides are equal, so the ratios                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mi>x</mi>                            <mn>15</mn>                        </mfrac>                    </mstyle>                </math>,                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mi>y</mi>                            <mn>13</mn>                        </mfrac>                    </mstyle>                </math>, and                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mn>21</mn>                            <mn>14</mn>                        </mfrac>                    </mstyle>                </math> are equal.            </p>            <p>                Solve                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mi>y</mi>                            <mn>13</mn>                        </mfrac>                    </mstyle>                    <mo>=</mo>                    <mstyle scriptlevel="-1">                        <mfrac>                            <mn>21</mn>                            <mn>14</mn>                        </mfrac>                    </mstyle>                </math> to find the value of <var>y</var>. It is 19.5.            </p>            <p>                Solve                                <math xmlns="http://www.w3.org/1998/Math/MathML" display="inline">                    <mstyle scriptlevel="-1">                        <mfrac>                            <mi>x</mi>                            <mn>15</mn>                        </mfrac>                    </mstyle>                    <mo>=</mo>                    <mstyle scriptlevel="-1">                        <mfrac>                            <mn>21</mn>                            <mn>14</mn>                        </mfrac>                    </mstyle>                </math> to find the value of <var>x</var>. It is 22.5.            </p>            <p class="statement">                The value of <var>x</var> is 22.5, and the value of <var>y</var> is 19.5.            </p>        </div>    </body></html>