Astar区块链公开课：ContentBox已获分布式等多个机构加持Astar区块链公开课：ContentBox已获分布式等多个机构加持科技e哥百家号由Astar区块链应用学院主办，以《项目如何结合区块链》为主题的公开课邀请到了ContentBoxCTO胡钢，与大家分享了ContentBox的发展历程，核心理念和结构。以下为当天演讲全文，经本人同意后，略有编辑。大家好，我是ContentBox 的CTO胡钢，非常感谢Astar的邀请。我们的项目叫ContentBox，可能和大部分区块链项目不同。ContentBox是由比较成功的CastBox发起的项目。我们是由传统互联网时代转向区块链时代，由此我主要讲一下在转型过程中的体会。首先介绍一下我们CastBox。他本身是一个综合类的应用，主要做音频类，像是国内的喜马拉雅。我们从2016年开始做这个项目，目前做到Googleplay榜的前三，韩国总榜的前三。我们在做CastBox经历了以下几个步骤：第一步，我们需要建立一个很好的App。第二步，需要在App的基础上AcquireUsers，打造用户基础。第三步，便要各种尝试，目前还在不断探索中。最终就是盈利。CastBox目前的情况就是一个leading globalpodcastplatform。目前1600万的全球用户，分布在175个国家，上线70种语言，有5000万内容的量集，从Google上获得了很多的奖项。接下来介绍一下CastBox的简要融资历史。天使轮有真格资本，Pre-A由真格资本、IDG资本、Mobvista投资，A轮主要由IDG、SIC、真格资本等投资，B轮主要是SIG、IDG资本、金沙江投资等。现在说一下转身到区块链的原因，中间有些诱发因素，主要是音频的变现程度是有限的。在音频上放广告形式不太好做，CastBox在国外是一种偏工具类型的App，大家不太希望广告的打扰。在去年年底我们思考一个问题，这个App的成长空间到底在哪，由此我们就想Token能不能帮助我们去挣钱。作为平台方，主要有两方面的用户，一类是生产者，提供内容，一类是消费者。我们的思路首先是怎么才能帮助生产者赚到钱，如果生产者能获得不错的收益的话，那这个行业就会很快的繁荣起来，我们也有挣钱的机会。另外，现在世界尽管叫做视频平台、音频平台、图文内容平台最后都衍生为了中心化的。像是国外的图片平台Instagram、音频平台的Spotify、视频平台Youtobe。那中心化这种状态是否是最优状态呢？我们认为不是。我们虽然是做CastBox这样小的行业，但是也做了一些概念外延的工作。我们在想数字内容这个行业有没有一种更好的实现方式，所以基于现在的形式我们做了ContentBox这个App，做一个未来的去中心化的基础设施。接下来我们看一个ContentBox的几个关键参与方。主要有内容生产者、内容消费者、中心平台、广告商。ContentBox的作用是希望内容不分散在各个地方。比如说Youtobe的平台很大，但整个行业的内容很多，不可能一个用户只装一个Youtube软件。所以我们希望用户不用想看一个影片就需要在某一个平台付费收看，这对用户来说是一种浪费。最理想的是像当初快播那种，什么都可以看到，但不是说看的是盗版的、免费的，我们希望ContentBox可以共享起来。ContentBox最核心的事情是做三件事。第一件事是做支付，第二件事是做用户身份，第三件事做应用层的接口。就像是微信公众平台，微信上有很多的公众号，就像是大大小小的内容，他们共同的基础就是微信平台。微信公众平台也就提供了三件事情，提供微信支付、添加用户信息、给一个外部的接入界面。我们ContentBox也就做这三件事情，不过我们和微信不同的是它们自己做这三件事，而我们是交给区块链本身来做的。接下来我们说一下ContentBox大概的结构。上层主要是应用，下层主要做基础层。CastBox肯定是上面第一个应用，接下来还会有各种各样的应用，可以是视频平台，也可以是Mp3player等。有什么好处呢？比如说你技术很强，做一个很好的音乐播放器，但你作为一个小网站肯定不好发出去，因为第一你要买版权，在没钱买版权的情况下，肯定就没有内容，就没有用户，这样就没有任何出头的机会。但是在去中心化的情况下，你就有很大的机会发展。在这样的平台上大家就可以各展所长，就不太需要考虑太多的东西。ContentBox目前在去年年底才开始做，现在刚完成私募，超出了50%多。现在主要工作就是推币和上交易所。在此非常感谢我们的投资人之一Astar，非常感谢。接下来说下转变过程中的体会。 最新的区块链技术和古典互联网技术是很不一样的。第一点是我们原先是拿着私募、悄悄的做出成品、悄悄的进行发布。而区块链项目先天就是一种公众项目，首先我们要写白皮书，要想好所有的设计，然后公之于众，告诉大家我们要做什么东西。第二点是融资方面。以前可能只需要讨好几个投资人就能拿到投资，现在是要说服大家，要把未来的价值要传递给大家。第三点是我们已经有了传统的项目，有点好处是在于筹资方面有些经验和产品容易得到大众的认可，但是失败了还是会伤害到原本的用户。ContentBox也是要做一条公链的，因为内容行业有些特点现在的ETH、EOS都不太适合用。第一是项目高频，第二是项目交易是小额的，第三是支付和权益实现是同时发生的 ，所以这样的特点决定了ETH、EOS是不合适的。建链之后，我们便要探索未来怎么发展了。相信运用区块链技术能有一个更好的数字内容产业。本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。科技e哥百家号最近更新：简介:移动互联网时代智能协作平台作者最新文章相关文章你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
王小雨在ContentBox答谢会上宣布推出“一盒计划”，获投资人和媒体支持
7月31日，ContentBox 在北京举办第一场答谢会，邀请近百位业内人士共同见证 ContentBox 取得的阶段性成果，同时感谢众多区块链投资机构和媒体记者对 ContentBox 的一路关注与支持，来自真格资本、想象力基金、LINKVC、节点资本、八维资本、OKEX等机构投资人出席本次活动。ContentBox联合创始人兼CEO 王小雨在会上分享项目最新进展，宣布正式推出ContentBox内容生态构建第一步“一盒计划”——为内容生产者、内容平台免费发布属于自己的数字货币，搭建数字内容+区块链的直通车。汇聚众人之智是一个优质数字内容生态必须承担的责任，也是其发展壮大的关键所在。ContentBox作为一个由开源社区驱动的平台，将帮助用户以更加积极的方式分享和创造数字内容。详细计划已经在ContentBox官方网站同步更新。真格基金合伙人戴雨森、想象力基金合伙人岳祥、LINKVC合伙人徐赫、ICONIZ标准资本CEO赵晨对ContentBox给予高度评价，称其项目潜力巨大、成功经验丰富、团队实力雄厚、学习能力强、定能打造成熟的区块链赋能的数字内容生态系统。ContentBox首次答谢会聚集了来自国内外区块链领域有影响力的投资机构、行业带头人、优质项目方和垂直媒体，大家就行业监管、通证经济、交易所发展、产业革命和新兴资产类别等方面展开了热烈讨论。在数字全媒体时代，优质内容是最宝贵的资源。让有价值的内容在有意义的平台上传播，让优秀的内容生产者与热情的内容消费者在生态中相遇。ContentBox正在为每个人构建更活跃的数字内容新生态。
123753浏览
美女王小雨又来了
王小雨在ContentBox答谢会上宣布推出“一盒计划”，获投资人和媒体支持
7月31日，ContentBox 在北京举办第一场答谢会，邀请近百位业内人士共同见证 ContentBox 取得的阶段性成果
来自真格资本、想象力基金、LINKVC、节点资本、八维资本、OKEX等机构投资人出席本次活动。
ContentBox联合创始人兼CEO 王小雨在会上分享项目最新进展
“一盒计划”——为内容生产者、内容平台免费发布属于自己的数字货币，搭建数字内容+区块链的直通车
汇聚众人之智是一个优质数字内容生态必须承担的责任，也是其发展壮大的关键所在。
ContentBox作为一个由开源社区驱动的平台，将帮助用户以更加积极的方式分享和创造数字内容
详细计划已经在ContentBox官方网站同步更新。
真格基金合伙人戴雨森、想象力基金合伙人岳祥、LINKVC合伙人徐赫、ICONIZ标准资本CEO赵晨对ContentBox给予高度评价，称其项目潜力巨大、成功经验丰富、团队实力雄厚、学习能力强、定能打造成熟的区块链赋能的数字内容生态系统。
我记得开始还有人说这个美女CEO名不副实
正式推出ContentBox内容生态构建第一步
ContentBox首次答谢会聚集了来自国内外区块链领域有影响力的投资机构、行业带头人、优质项目方和垂直媒体，大家就行业监管、通证经济、交易所发展、产业革命和新兴资产类别等方面展开了热烈讨论。
发布会一向这么官方
在数字全媒体时代，优质内容是最宝贵的资源
让有价值的内容在有意义的平台上传播，让优秀的内容生产者与热情的内容消费者在生态中相遇。
ContentBox正在为每个人构建更活跃的数字内容新生态。
Contentbox 团队的成员都是牛人
不知道以后会不会出现纸质的只能在展览馆看见的场景
现在就问你哪个币值得投资
王小雨——Castbox和ContentBox的创始人和CEO。本科毕业于北京大学，获心理学和数学统计双学位。全球最早的个人开发者，曾开发出的小游戏排名泰国总榜前三。供职过谷歌北京、爱尔兰、日本，帮助过全球4000多个开发者拓展国家和地区的移动市场。
曾经创下过海外Android和GooglePlay平台上排名第一的播客app
现有公链不足以支持千万级用户应用，ContentBox是为内容行业定制的轻量公链
ContentBox试图打造数字内容的区块链生态系统
ContentBox团队成员来自Google、Facebook、Xiaomi等知名科技企业，有着丰富的内容行业和区块链行业经验。
这是代表着第一步的构建成功了？
没人否认区块链的巨大想象空间，但其价值只有结合商业应用于实际后才能体现。
Castbox 作为面向全球 175 个国家并支持 70 种语言的平台应用，不仅收录了全球的开放电台和播客节目，同时拥有大量优质的自有版权内容。
期待，一个成熟的音频内容平台与区块链技术的深度结合，会产生怎样的产业变革和商业价值！
代币 BOX 的时代要来啊
以后互联网这块发展无限可能
数字内容+区块链相结合的方式造福广大用户
期待 BOX 支付功能上线
ContentBox 项目投资人，分布式资本的创始人沈波也是牛人
强大实力，加上强大的团队
没了解过这个，看起来很强大啊
不知道拥有比特币的是不是得改投资这个
牛人啊，听说上学的时候就是学霸
看好这个，这算是创新发展了吧
百度一下看看是不是真的这么牛啊
ContentBox 平台旨在为未来的数字内容产业构建一个以区块链为基础的社区生态系统，是一个完全去中心化的、自主的平台。基于 ContentBox，数字产业将会迎来三个革命性的变化：共享内容池，共享用户池，一个统一的支付系统。
生态构建第一步 —— 为每位内容生产者、内容平台免费发布自己的数字货币，无论您和区块链技术之间的距离是0还是1。
ContentBox 正在为每个人构建更活跃的数字内容新生态。
说的也不错啊在数字全媒体时代，优质内容是最宝贵的资源。
ContentBox 为内容生产者提供支持其专属数字货币的加密钱包。
一定得支持，看着就激动
要回复文章请先或&div class=&contentbox&&能详解一下吗？_百度知道
&div class=&contentbox&&能详解一下吗？
答题抽奖
首次认真答题后
即可获得3次抽奖机会，100%中奖。
来自电脑网络类芝麻团
div HTML标签CLASS，DIV的标签的属性之一contentbox为对应的CSS中的类名
为你推荐：
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。Note: Several sections of this specification have been updated by other specifications. Please, see
in the latest CSS Snapshot for a list of specifications and the sections they replace. The CSS Working Group is also developing
The CSS box model describes the rectangular boxes that are
generated for elements in the
and laid out according to the .
Each box has a
text, an image, etc.) and optional surrounding
of each area is specified by properties defined below.
The following
diagram shows how these areas relate and the terminology used to refer
to pieces of margin, border, and padding:
The margin, border, and padding can be broken down into top, right,
bottom, and left segments (e.g., in the diagram, "LM" for left margin,
"RP" for right padding, "TB" for top border, etc.).
The perimeter of each of the four areas (content, padding, border,
and margin) is called an "edge", so each box has four edges:
The content edge surrounds the rectangle given by the width and height
of the box, which often depend on the element's rendered content.
The four content edges define the
The padding edge surrounds the box padding. If the padding
has 0 width, the padding edge is the same as the content edge.
The four padding edges define the
The border edge surrounds the box's border. If the border
has 0 width, the border edge is the same as the padding edge.
The four border edges define the box's .
The margin edge surrounds the box margin. If the margin
has 0 width, the margin edge is the same as the border edge.
The four margin edges define the box's .
Each edge may be broken down into a top, right, bottom, and left
The dimensions of the content area of a box & the content width and content height &
depend on several factors: whether the element generating
the box has the
set, whether the box contains text or other boxes, whether the
box is a table, etc. Box widths and heights are discussed
in the chapter on .
The background style of the content, padding, and border areas of a
box is specified by the
property of the
generating element. Margin backgrounds are always transparent.
This example illustrates how margins, padding, and borders
interact. The example HTML document:
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"&
&TITLE&Examples of margins, padding, and borders&/TITLE&
&STYLE type="text/css"&
background:
margin: 12px 12px 12px 12
padding: 3px 3px 3px 3
/* No borders set */
/* text color is white */
background:
/* Content, padding will be blue */
margin: 12px 12px 12px 12
padding: 12px 0px 12px 12 /* Note 0px padding right */
list-style: none
/* no glyphs before a list item */
/* No borders set */
LI.withborder {
border-style:
border-width:
/* sets border width on all sides */
border-color:
&LI&First element of list
&LI class="withborder"&Second element of list is
a bit longer to illustrate wrapping.
results in a
(among other relationships) a UL element that has two LI
The first of the following diagrams illustrates what this example
would produce. The second illustrates the relationship between the
margins, padding, and borders of the UL elements and those of its
children LI elements. (Image is not to scale.)
Note that:
for each LI box is
calculated top- the
for each LI box is established by the UL element.
The margin box height of each LI box depends on its content height, plus top and bottom
padding, borders, and margins. Note that vertical margins between the
The right padding of the LI boxes has been set to zero width
property). The
effect is apparent in the second illustration.
The margins of the LI boxes are transparent & margins are always
transparent & so the background color (yellow) of the UL padding and
content areas shines through them.
The second LI element specifies a dashed border (the
property).
Margin properties specify the width of the margin area of a box.
shorthand property sets the
margin for all four sides while the other margin properties only set
their respective side.
These properties apply to all elements, but
vertical margins will not have any effect on non-replaced inline
The properties defined in this section refer to the &margin-width&
value type, which may take one of the following values:
Specifies a fixed width.
The percentage is calculated
with respect to the width of the generated box's
Note that this is true for
If the containing block's width depends on this element, then the
resulting layout is undefined in CSS&2.1.
See the section on calculating widths and
margins for behavior.
Negative values for margin properties are allowed, but there may be
implementation-specific limits.
These properties have no effect on non-replaced inline
These properties set the top, right, bottom, and left margin of a
h1 { margin-top: 2em }
property is a
shorthand property for setting , , , and
at the same place in
the style sheet.
If there is only one component value, it applies to all
sides. If there are two values, the top and bottom margins
are set to the first value and the right and left margins are
set to the second. If there are three values, the top is
set to the first value, the left and right are set to the
second, and the bottom is set to the third. If there are
four values, they apply to the top, right, bottom, and left,
respectively.
body { margin: 2em }
/* all margins set to 2em */
body { margin: 1em 2em }
/* top & bottom = 1em, right & left = 2em */
body { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */
The last rule of the example above is equivalent to the example
margin-top: 1
margin-right: 2
margin-bottom: 3
margin-left: 2
/* copied from opposite side (right) */
In CSS, the adjoining margins of two or more boxes (which might or
might not be siblings) can combine to form a single margin. Margins
that combine this way are said to , and the
resulting combined margin is called a .
Adjoining vertical margins collapse, except:
Margins of the root element's box do not collapse.
If the top and bottom margins of an element with clearance are adjoining, its
margins collapse with the adjoining margins of following siblings
but that resulting margin does not collapse with the bottom margin
of the parent block.
Horizontal margins never collapse.
Two margins are
if and only if:
both belong to in-flow block-level boxes that
participate in the same block formatting context
no line boxes, no clearance, no padding and no border separate
them (Note that certain zero-height line
boxes (see )
are ignored for this purpose.)
both belong to vertically-adjacent box edges, i.e. form one of
the following pairs:
top margin of a box and top margin of its first in-flow child
bottom margin of box and top margin of its next in-flow
following sibling
bottom margin of a last in-flow child and bottom margin of its
parent if the parent has 'auto' computed height
top and bottom margins of a box that does not establish a new
block formatting context and that has zero computed , zero or 'auto'
computed , and no
in-flow children
A collapsed margin is considered adjoining to another margin if any
of its component margins is adjoining to that margin.
Note. Adjoining margins can be
generated by elements that are not related as siblings or ancestors.
Note the above rules imply that:
Margins between a
and any other box do not collapse (not even between a float and its
in-flow children).
Margins of elements that establish new block formatting contexts
(such as floats and elements with
other than 'visible') do
not collapse with their in-flow children.
Margins of absolutely positioned
boxes do not collapse (not even with their in-flow children).
Margins of inline-block boxes do not collapse (not even with
their in-flow children).
The bottom margin of an in-flow block-level element always
collapses with the top margin of its next in-flow block-level
sibling, unless that sibling has clearance.
The top margin of an in-flow block element collapses with its
first in-flow block-level child's top margin if the element has no
top border, no top padding, and the child has no clearance.
The bottom margin of an in-flow block box with a
of 'auto' and a
of zero collapses
with its last in-flow block-level child's bottom margin if the box
has no bottom padding and no bottom border and the child's bottom
margin does not collapse with a top margin that has clearance.
A box's own margins collapse if the
property is zero,
and it has neither top or bottom borders nor top or bottom padding,
and it has a
0 or 'auto', and it does not contain a line box, and all of its
in-flow children's margins (if any) collapse.
When two or more margins collapse, the resulting margin width is
the maximum of the collapsing margins' widths. In the case of negative
margins, the maximum of the absolute values of the negative adjoining
margins is deducted from the maximum of the positive adjoining
If there are no positive margins, the maximum of the
absolute values of the adjoining margins is deducted from zero.
If the top and bottom margins of a box are
adjoining, then it is possible for margins to
it. In this case,
the position of the element depends on its relationship with the other
elements whose margins are being collapsed.
If the element's margins are collapsed with its parent's top
margin, the top border edge of the box is defined to be the same as
the parent's.
Otherwise, either the element's parent is not taking part in the
margin collapsing, or only the parent's bottom margin is
involved. The position of the element's top border edge is the same
as it would have been if the element had a non-zero bottom border.
Note that the positions of elements that have been collapsed
through have no effect on the positions of the other elements with
whose margins they the top border edge position
is only required for laying out descendants of these elements.
The padding properties specify the width of the padding area of a box. The
shorthand property sets the
padding for all four sides while the other padding properties only set
their respective side.
The properties defined in this section refer to the &padding-width&
value type, which may take one of the following values:
Specifies a fixed width.
The percentage is calculated with
respect to the width of the generated box's containing block, even for
If the containing block's width depends on this element, then the
resulting layout is undefined in CSS&2.1.
Unlike margin properties, values for padding values cannot be
negative. Like margin properties, percentage values for padding
properties refer to the width of the generated box's containing block.
These properties set the top, right, bottom, and left padding of
blockquote { padding-top: 0.3em }
property is a
shorthand property for setting , , , and
at the same place
in the style sheet.
If there is only one component value, it applies to all
sides. If there are two values, the top and bottom paddings
are set to the first value and the right and left paddings are
set to the second. If there are three values, the top is
set to the first value, the left and right are set to the
second, and the bottom is set to the third. If there are
four values, they apply to the top, right, bottom, and left,
respectively.
The surface color or image of the padding area is specified via
background:
padding: 1em 2
The example above specifies a '1em' vertical padding ( and ) and a '2em'
horizontal padding ( and ). The 'em' unit is
to the element's font size: '1em' is equal to the size of the
font in use.
The border properties specify the width, color, and style of the border area of a box. These properties
apply to all elements.
Notably for HTML,
user agents may render borders for certain user interface elements (e.g.,
buttons, menus, etc.) differently than for
"ordinary" elements.
8.5.1 : , , ,
The border width properties specify the width of the border area.
The properties
defined in this section refer to the &border-width&
value type, which may take one of the following values:
A thin border.
A medium border.
A thick border.
The border's thickness has an explicit value. Explicit
border widths cannot be negative.
The interpretation of the first three values depends on the user
agent. The following relationships must hold, however:
'thin' &='medium' &= 'thick'.
Furthermore, these widths must be constant throughout a document.
These properties set the width of the top, right, bottom,
and left border of a box.
This property is a shorthand property for setting
the same place in the style sheet.
If there is only one component value, it applies to all
sides. If there are two values, the top and bottom borders
are set to the first value and the right and left are
set to the second. If there are three values, the top is
set to the first value, the left and right are set to the
second, and the bottom is set to the third. If there are
four values, they apply to the top, right, bottom, and left,
respectively.
In the examples below, the comments indicate the resulting widths
of the top, right, bottom, and left borders:
h1 { border-width: thin }
/* thin thin thin thin */
h1 { border-width: thin thick }
/* thin thick thin thick */
h1 { border-width: thin thick medium }
/* thin thick medium thick */
The border color properties specify the color of a box's border.
property sets the color of the four borders. Values have the following
Specifies a color value.
transparent
The border is transparent (though it may have width).
property can have from one to four component values, and the values
are set on the different sides as for .
If an element's border color is not specified
with a border property, user agents must use the value
of the element's
property as the
for the border color.
example, the border will be a solid black line.
background:
The border style properties specify the line style of a box's
border (solid, double, dashed, etc.). The properties defined in this
section refer to the &border-style&
value type, which may take one of the following values:
N the computed border width is zero.
Same as 'none', except in terms of border conflict
resolution for .
The border is a series of dots.
The border is a series of short line segments.
The border is a single line segment.
The border is two solid lines. The sum of
the two lines and the space between them
equals the value of .
The border looks as though it were carved
into the canvas.
The opposite of 'groove': the border
looks as though it were coming out of the canvas.
The border makes the box look as though
it were embedded in the canvas.
The opposite of 'inset': the
border makes the box look as though
it were coming out of the canvas.
All borders are drawn on top of the box's background. The color of
borders drawn for values of 'groove', 'ridge', 'inset', and 'outset'
depends on the element's , but UAs may choose their own algorithm to
calculate the actual colors used. For instance, if the 'border-color'
has the value 'silver', then a UA could use a gradient of colors from
white to dark gray to indicate a sloping border.
property sets the style of the four borders. It can have from one to
four component values, and the values are set on the different sides as for
#xy34 { border-style: solid dotted }
In the above example, the horizontal borders will be 'solid' and
the vertical borders will be 'dotted'.
Since the initial value of the border styles is 'none', no borders
will be visible unless the border style is set.
This is a shorthand property for setting the width, style, and
color of the top, right, bottom, and left border of a box.
h1 { border-bottom: thick solid red }
The above rule will set the width, style, and color of the border
below the H1 element. Omitted values are set to
their . Since
the following rule does not specify a border color, the border will
have the color specified by the
H1 { border-bottom: thick solid }
property is a
shorthand property for setting the same width, color, and style for
all four borders of a box.
Unlike the shorthand
properties, the
property cannot set different
values on the four borders. To do so, one or more of the other border
properties must be used.
For example, the first rule below is
equivalent to the set of four rules shown after it:
p { border: solid red }
border-top:
border-right:
border-bottom:
border-left: solid red
Since, to some extent, the properties have overlapping
functionality, the order in which the rules are specified is
important.
Consider this example:
blockquote {
border-left:
In the above example, the color of the left border is black,
while the other borders are red. This is due to
setting the
width, style, and color. Since the color value is not given by the
property, it
will be taken from the
property. The fact that the
property is set after the
property is not
For each line box, UAs must take the inline boxes generated for
each element and render the margins, borders and padding in visual
order (not logical order).
When the element's
property is 'ltr', the
left-most generated box of the first line box in which the element
appears has the left margin, left border and left padding, and the
right-most generated box of the last line box in which the element
appears has the right padding, right border and right margin.
When the element's
property is 'rtl', the
right-most generated box of the first line box in which the element
appears has the right padding, right border and right margin, and the
left-most generated box of the last line box in which the element
appears has the left margin, left border and left padding.