Минимизируйте ширину левого столбца, чтобы сфокусироваться на правом столбце строки HTML / in-line CSS / Markdown - PullRequest
Новая
       12

Минимизируйте ширину левого столбца, чтобы сфокусироваться на правом столбце строки HTML / in-line CSS / Markdown

1 голос
/ 03 апреля 2020

Глядя, чтобы выделить большую часть пространства строки для выравнивания с контейнером в правой колонке строки. Я использовал Column1 Column2

Это, кажется, решает проблему на некоторых онлайн HTML редакторах, но по какой-то причине, это не влияет на используемый мной внутренний редактор, который в основном сосредоточен на MarkDown / HTML / In-Line CSS

Есть ли способ, которым это можно сделать, предпочтительно используя In-Line CSS? 

<div class="main-container" style="display: flex;">
   <div class="image-container">
      <img
         src="https://lh3.googleusercontent.com/coMv1dl31PCfEs6essJoEUwVryaqKHKQvENdZ_WYpN-PXa8Qfitkg3grQxIVN22W5A"
         hspace="50" width="150" height="150">
   </div>
   <div class="content-container" style="width: 600px;">
      <h3>Subject Title</h3>
      <h4>Subject Description</h4>
      <table>
         <tr>
            <td>
               <p>
               <center><span style="font-weight:bold">Sample Service</span></center>
               </p>
            </td>
            <td>Sample Service Details Will be listed here!!!!!!!!!!!</td>
         </tr>
         <tr>
            <td>
               <p>
               <center><span style="font-weight:bold">Contact Us</span></center>
               </p>
            </td>
            <td style="padding-left: 20px;">
               <ul style="padding-left: 15px; margin: 0;">
                  <li style="padding-bottom: 10px;">
                     <a href="mailto:Sample@sample.com​">Email Sample</a>
                  </li>
                  <li><a>Skype: Sample Contact</a></li>
               </ul>
            </td>
         </tr>
      </table>
   </div>
</div>
...