Question

这段代码可能看起来像是你最糟糕的噩梦，但有人能给我一个借贷手吗？我尝试在源代码中使用边距和填充，而不是必须进入CSS并创建超出我认为需要的内容。我只是试图将文本向左移动一定量：

<li>
    <div class="member">
        <div class="image">
            <img src="http://i.imgur.com/vSZyVru.jpg" alt="">
        </div>
        <div class="info">
            <h4>margin:left: 5px; padding: 5px; Bill Nye</h4>
            <p>
                Journalist reaseacher. 
            </p>
            <ol class="social">
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-youtube"></i></a></li>
            </ol>
        </div>
    </div>
</li>

感谢任何帮助。感谢。

Answer 1

如果你真的不想要一个包含CSS样式的外部CSS文件，你可以在内部<style>标签或内联中定义它。

内联CSS

只需更改您当前的样式：

<h4>margin:left: 5px; padding: 5px; Bill Nye</h4>

到

<h4 style="margin-left: 5px; padding: 5px;">Bill Nye</h4>

内部<style>代码中的CSS

您可以在HTML页面的<style>标记中定义<head>标记，以定义CSS样式。以下是一个例子：

<html>
    <head>
        <style>
            h4 {
              margin-left: 5px;
              padding: 5px;
            }
        </style>
    </head>

    <!-- The rest of your HTML file content -->

</html>

这会将CSS样式应用于页面中的所有<h4>元素。如果您只想解决该单个<h4>元素，只需向元素添加ID或类，如<h4 id="my-id">。然后只需在CSS中引用该选择器：

#my-id {
  /* add your styling here */
}

您可以在w3schools网站here找到有关定义CSS样式的更多基本信息。

希望这有帮助。

Answer 2

您可以尝试使用html不间断空格：

 

（可以重复）在您要移动的文本之前。这样您就可以避免加载外部文件，并且在单独的情况下（几页）非常有用。更多信息：https://en.m.wikipedia.org/wiki/Non-breaking_space

HTML中的填充和边距？

2 个答案: