のぶちゃん MarkdownでHTML(縦書き)コード埋め込み
MIT HTML
2021年02月17日
Copy Clone
<div class="tate pd2">
「あいうえお」<br>
「かきくけこ」<br>
ちゃんと縦書きに<br>なっていますね。<br>
<ruby>今日<rt>きょう</rt></ruby>〜
<ruby>来月末<rt>らいげつまつ</rt></ruby>
までの間に<br>一定の結論を出したい!<br>
令和<span>3</span>年<span>2</span>月<span>18</span>日 のぶちゃん
</div>

<style>
.tate {
  writing-mode: vertical-rl;
  margin: 0 auto;
  padding: 0.7em;
  border: 1px solid #ddd;
  box-shadow: 5px 4px 15px -5px #777777;
  border-radius: 15px;
}
.tate span {
  writing-mode: horizontal-tb;
}
.pd2 {font-size:1.2em;}

</style>
<div class="tate pd2">
「あいうえお」<br>
「かきくけこ」<br>
ちゃんと縦書きに<br>なっていますね。<br>
<ruby>今日<rt>きょう</rt></ruby>〜
<ruby>来月末<rt>らいげつまつ</rt></ruby>
までの間に<br>一定の結論を出したい!<br>
令和<span>3</span>年<span>2</span>月<span>18</span>日 のぶちゃん
</div>

<style>
.tate {
  writing-mode: vertical-rl;
  margin: 0 auto;
  padding: 0.7em;
  border: 1px solid #ddd;
  box-shadow: 5px 4px 15px -5px #777777;
  border-radius: 15px;
}
.tate span {
  writing-mode: horizontal-tb;
}
.pd2 {font-size:1.2em;}

</style>
Markdown文書に、このコードをコピペすると縦書きが実現します。
実際の例は下記URLで確認できます。

https://hackmd.io/@yuasys/rk4krkcbd
anonymous
Anonymous
2021年04月25日
Medicines prescribing information. Cautions. <a href="https://pregabalininfo.top">can i get generic lyrica without prescription</a> in USA Best trends of medicament. Get here.
anonymous
Anonymous
2021年04月28日
Pills information for patients. Short-Term Effects. <a href="https://lyricainfo.top">can i purchase lyrica without insurance</a> in the USA Actual news about drug. Get here.
anonymous
Anonymous
2021年04月30日
cialis for sale online in canada <a href="https://mycialistabs.com/">viagra vs cialis hardness</a> canadian online pharmacy cialis
anonymous
Anonymous
2021年04月30日
cialis patent expiration date <a href="https://mycialistabs.com/">cialis com</a> how to get cialis prescription online
anonymous
Anonymous
2021年05月02日
buy cialis online <a href="https://toptadalafiltabs.com/">cialis for daily use cost</a> cialis tablet
anonymous
Anonymous
2021年05月03日
cialis not working <a href="https://toptadalafiltabs.com/">is there a generic cialis available?</a> what does a cialis pill look like
anonymous
Anonymous
2021年05月04日
how to write an articles name in an essay <a href="https://topessaywriterfas.com/">essay on service</a> how to write law school essay
anonymous
Anonymous
2021年05月05日
good topics to write about for college application essay <a href="https://topessaywriterfas.com/">college essay font size</a> how to write a compare and contrast essay ap world
anonymous
Anonymous
2021年05月06日
public service commission essay <a href="http://writemyessayslfd.com/">best custom essay writing service</a> reliable essay writing service
anonymous
Anonymous
2021年05月06日
houston essay writing service <a href="http://writemyessayslfd.com/">writing a good essay</a> post service reflection essay
anonymous
Anonymous
2021年05月07日
sildenafil citrate 100mg <a href="https://mrviagrashop.com">online pharmacy viagra</a> viagra price
anonymous
Anonymous
2021年05月07日
viagra triangle chicago <a href="https://mrviagrashop.com">roman sildenafil</a> sildenafil prescription
anonymous
Anonymous
2021年05月07日
viagra for men online <a href="https://mysildenafilkr.com/">sildenafil citrate 100mg lowest price</a> viagra online no prescription
anonymous
Anonymous
2021年05月07日
viagra substitute <a href="https://mysildenafilkr.com/">viagra cvs</a> cheapest viagra
anonymous
Anonymous
2021年05月11日
cialis dosages <a href="http://tadalafilled.com/">canadian pharmacy cialis</a> canadian pharmacy online cialis
anonymous
Anonymous
2021年05月11日
bartending resume <a href="http://coverletterforresumetop.com/">professional resume writers</a> truck driver resume
anonymous
Anonymous
2021年05月12日
application cover letter <a href="http://coverletterforresumetop.com/">http://www.coverletterforresumetop.com/</a> substitute teacher resume
anonymous
Anonymous
2021年05月12日
cialis 20 mg price walmart <a href="http://tadalafilled.com/">is cialis better than viagra</a> tadalafil cialis
anonymous
Anonymous
2021年05月12日
resume parser <a href="https://writingacoverletteronline.com/">technical writer resume</a> business cover letter
anonymous
Anonymous
2021年05月13日
digital marketing resume <a href="https://writingacoverletteronline.com/">create resume for job</a> program manager resume
anonymous
Anonymous
2021年05月13日
sildenafil 100mg online <a href="https://edviagramaster.net/">teva sildenafil</a> viagra strain
anonymous
Anonymous
2021年05月14日
roman sildenafil <a href="https://edviagramaster.net/">viagra 100mg</a> viagra triangle chicago
anonymous
Anonymous
2021年05月15日
natural viagra <a href="https://sildenafilviagratop.com">sildenafil citrate 100mg</a> viagra price
anonymous
Anonymous
2021年05月15日
cheapest viagra <a href="https://sildenafilviagratop.com">viagra substitute</a> viagra prescription
anonymous
Anonymous
2021年05月15日
levitra vs cialis <a href="https://cialisortadalafil.com/">side effects of cialis</a> free trial cialis
anonymous
Anonymous
2021年05月15日
when will generic cialis be available <a href="https://cialisortadalafil.com/">cialis 20 mg</a> cialis sample
anonymous
Anonymous
2021年05月16日
cialis generic release date <a href="https://topcialistabs.com/">buy cialis online overnight shipping</a> cialis copay card
anonymous
Anonymous
2021年05月17日
cialis for sale online in canada <a href="https://topcialistabs.com/">viagra vs cialis hardness</a> canadian online pharmacy cialis
anonymous
Anonymous
2021年05月18日
Medicament information leaflet. Effects of Drug Abuse. <a href="https://allopurinol4u.top">can i order allopurinol</a> in the USA All what you want to know about medicine. Get here.
anonymous
Anonymous
2021年05月21日
<a href="https://5bz.ru/">информационная база предприятий россии</a>