如何将图标与下面的文本对齐[重复]答案

【问题标题】：How to align icon with text underneath [duplicate]如何将图标与下面的文本对齐[重复]
【发布时间】：2022-07-31 18:05:18
【问题描述】：

嗨，

图标下的文字从远处开始。我找不到解决方案，因为我什至不是 HTML 或 CSS 的初学者。如果您能帮助我如何对齐文本，我将不胜感激。

这是 HTML 代码：

A great fit for startups and scaleups:
<ul>
    <li>Export data from your <strong><a href="https://bettermetrics.io/data-sources/">Marketing Data Sources</a></strong></li>
    <li>Export your Marketing data to Google Sheets</li>
    <li><strong>Daily refresh</strong> of data</li>
    <li>Unlimited data sources</li>
    <li>1 user</li>
    <li>1 account per data source</li>
</ul>

【问题讨论】：

您的代码 sn-p 似乎无法重现您上传的图像，您可以更新它以创建您要解决的问题吗？

标签： html css

【解决方案1】：

这是另一种方式。

<html>
<head>
<style>
ul.inside {
  max-width: 200px; 
  list-style-position: outside;
  }
  
</style>

</head>
<body>
<ul class="inside">
   
    <li>Export data from your <strong><a href="https://bettermetrics.io/data-sources/">Marketing Data Sources</a></strong></li>
    <li>Export your Marketing data to Google Sheets</li>
    <li><strong>Daily refresh</strong> of data</li>
    <li>Unlimited data sources</li>
    <li>1 user</li>
    <li>1 account per data source</li>
</ul>
</body>
<html>

你可以这样处理。

ul.inside {
  max-width: 200px;
  list-style-position: outside;
  }

A great fit for startups and scaleups:
<ul class="inside">
   
    <li>Export data from your <strong><a href="https://bettermetrics.io/data-sources/">Marketing Data Sources</a></strong></li>
    <li>Export your Marketing data to Google Sheets</li>
    <li><strong>Daily refresh</strong> of data</li>
    <li>Unlimited data sources</li>
    <li>1 user</li>
    <li>1 account per data source</li>
</ul>

<br>
<br>
<h3>THIS IS ANOTHER WAY</h3>

<ul style="max-width: 200px; list-style-position: outside;">
   
    <li>Export data from your <strong><a href="https://bettermetrics.io/data-sources/">Marketing Data Sources</a></strong></li>
    <li>Export your Marketing data to Google Sheets</li>
    <li><strong>Daily refresh</strong> of data</li>
    <li>Unlimited data sources</li>
    <li>1 user</li>
    <li>1 account per data source</li>
</ul>

【讨论】：

嗨水晶非常感谢您的快速回复。唯一的问题是我不知道我在哪里以及如何实现你给我的代码。你能详细说明一下吗？
你有css文件吗？如果你没有它。你可以把就在结束的上方然后把 class="inside" 你的 ul
@Ata 看看上面的选项，如果你没有 css 文件，或者如果你只是把 css 放在你的文件中，你有 2 个选项可以将你的代码内联，或者我建议你学习基本的html 和 css，这样您就可以了解事情的发展方向。一旦你学会它，它对你来说不会很困难。
非常感谢您抽出宝贵时间水晶。两天前我开始了我的 HTML 课程，我的经理要求我更改段落，这给我造成了麻烦:)。我使用 WP 我将尝试实现代码。再次感谢您的帮助