コードは次のとおりです。
<div id="main" style="border:1px solid red;">
<div id="child" style="background-color:#68c5e7; width:170px; margin:0 auto; font-size:30px; background-image:url(https://www.google.by/logos/2012/javelin-2012-sr.png); background-repeat : no-repeat;">
<span style="padding-left:116px;">9:58</span>
</div>
</div>
時間は JavaScript を使用してカウントされるため、ページが読み込まれた後に文字列の長さが変更される可能性があります。背景の長さを修正する方法 #68c5e7 適切な長さ (img+text の長さに対応) になるようにします。
繰り返しますが、9:58 を 10:03 に変更しますが、背景色の長さは変更されていないため、収まりません。もう 1 つの要件: 画像とテキスト (テキストが長すぎず、常にメイン div の長さを超えない) は、メイン div のちょうど真ん中に配置する必要があります。