Published
Edited
Mar 4, 2022
1 star
Insert cell
Insert cell
<p id="out">
<span>a</span><span>b c</span>
</p>
<p>.</p>
<p>.</p>
<p>.</p>
<style>
#out{
outline: 4px solid blue;

position:relative;
display:inline;
outline-offset:5px;
background:red;
border-radius:5px;
}
#out span+span {
position:relative;left:10px;top:30px;
}
#out span:first-child {
position:relative;left:100px;
}
#out span {
display:inline-flex;
z-index:1;
}
</style>
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more