[icearch]

I’m working on some project and learning formatting on the go. Then I came to this question:



I have two method that accomplish the same effect :

<div class="yinyong">
<p>边栏：铁与妖精</p>
<p class="main-ss">随身携带铁器是个绝佳的保命方法，铁乃所有妖精的克星。你常会听到“寒铁”这个说法，但其实任何形态的铁都能有效防御妖精种。我们世界中无处不在的铁器，正是限制精灵在此界活动程度的重要因素。</p>
</div>

<blockquote>
<p>边栏：铁与妖精</p>
<p class="main-ss">随身携带铁器是个绝佳的保命方法，铁乃所有妖精的克星。你常会听到“寒铁”这个说法，但其实任何形态的铁都能有效防御妖精种。我们世界中无处不在的铁器，正是限制精灵在此界活动程度的重要因素。</p>
</blockquote>

And the corresponding CSS:

.yinyong
{
	margin-left:0.8em; 
	padding-left:1em; 
	border-left:solid;
	border-width:0.2em;

}

blockquote
{
	margin-left:0.8em; 
	margin-right:0em; 
	padding-left:1em; 
	padding-right:0em;
	border-left:solid;
	border-width:0.2em;

}

So which one do you prefer in the content of code integrity and easy for maintenance?