Actually

that would not do, crawls all or slides (

Closed due to the fact that the essence of the issue is incomprehensible by the participants of the Darth , Alexey Shimansky , insolor , Cheg , mymedia 10 Aug '17 at 10:14 .

Try to write more detailed questions. To get an answer, explain what exactly you see the problem, how to reproduce it, what you want to get as a result, etc. Give an example that clearly demonstrates the problem. If the question can be reformulated according to the rules set out in the certificate , edit it .

  • Attach your implementation. They will help you find and correct mistakes and shortcomings. - Egor Trutnev

2 answers 2

<div class="box"> <div class="block"><span class="grey">Понедельник - Четверг: </span><span class="date">9 <sup>00</sup> до 18 <sup>00</sup></span></div> <div class="block right"><span class="grey">Пятница: </span><span class="date">9 <sup>00</sup> до 17 <sup>00</sup></span></div> </div> <style> .block { margin-bottom: 10px; width: 300px; /*ширина блока*/ } .grey { text-transform: uppercase; color: grey; margin-right: 5px; font-weight: 500; } .date { color: blue; } .date sup { text-decoration: underline; /*подчеркивание 00*/ } .right { text-align: right; /*выравниваем по правой стороне*/ } </style>

    Using simple tables

     .date { color:gray; text-align:right; } .time { color:#1A7E91; } .time sup { text-decoration:underline; } 
     <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet"> <table border="0" style="text-transform:uppercase; font-family: 'PT Sans Narrow', sans-serif;"> <tr> <td class="date">Понедельник - Четверг</td> <td class="time">9 <sup>00</sup> до 18 <sup>00</sup></td> </tr> <tr> <td class="date">Пятница</td> <td class="time">9 <sup>00</sup> до 18 <sup>00</sup></td> </tr> </table>