Html 如何将单词移近页边空白的一侧

单词比我希望它们在“.article”元素中的位置更靠右，我希望它们在元素的最左侧，但当我尝试调整填充时，它会移动整个元素，而不仅仅是单词。我该如何补救

CSS:

/*
修订书店和咖啡馆样式表
文件名：styles.css
作者：Justus Self
日期：2017年2月13日
HTML5和CSS3图解单元D，视觉研讨会
*/
/*正文和页面容器*/
身体{
背景色：花白色；
}
.集装箱{
背景颜色：白肋木；
最大宽度：80%；
最大高度：100%；
边框：.2米纯黑色；
保证金：0自动；
}
/*标题*/
标题{
文本对齐：居中；
字号：18px；
颜色：海军蓝；
背景颜色：浅蓝色；
填充：.01em；
}
/*主要内容*/
文章{
背景色：白色；
字体大小：16px；
宽度：63%；
浮动：对；
清除：左；
填充：0.7%；
}
/*边栏*/
旁白{
背景颜色：白肋木；
宽度：20%；
利润率：0px 25px；
高度：195px；
字号：18px；
}
/*页脚部分*/
页脚{
颜色：海军蓝；
背景颜色：浅蓝色；
文本对齐：右对齐；
填充：.1%1%；
边缘顶部：.2px；
线高：4px；
}
调整你的
的左边距，对不起，我不明白。你是如何改变单词的位置的？就像你做了我想做的，但我不知道你是怎么做的。如果你看上面的代码块，你会发现我更改了
文章
的
宽度
和
填充
，以及
旁白
的
边距（即
margin:0px 25px；
它实际上是在读：
margin:0px 25px 0px 25px
其中
25px
表示左右）因此，要更改单词在article元素中的位置，我必须更改aside元素的边距和article元素的宽度？是的。单词在
article
元素的最左侧对齐。但是该元素在原始代码块的左右两侧都隐藏了填充（
padding:0 7%
）。它也向右对齐（
float:right；
），并且不占用全部可用宽度（
width:63%
），因此这些调整可以纠正对齐。同样地，
旁边的
元素的右边有边距（
边距：0px 25px；
），这将
文章
推到了更右边。
article {
   background-color: white;
   font-size: 16px;
   width: 73%; /* was: 63% */
   float: right;
   clear: left;
   padding: 0 7% 0 0 ; /* was: 0 7%; */

}

aside {
   background-color: burlywood;
   width: 20%;
   margin: 0 0 0 25px; /* was: 0px 25px; */
   ...
}