コーディングについて質問です。

途中で大きい文字が入る文章を均等に配置したい時どうやって組めばいいでしょうか？
123のテキストを縦に均等したいです。よろしくお願いします。

1こちらはダミーテストです。 2こちらはダミーテストです。 3こちらはダミーテストです。

P{
font-size:14px;
}

span {
Font-size:18px;
}

kei344

2017/03/11 14:23

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

punchan

2017/03/11 15:21

もっとよいタイトルをけましょう。コーディングとはコードを書くことです。コードを書く方法についての質問ですか？少なくとも、均等あるいは等間隔などの言葉を使ったもっと適切なタイトルの方が回答が得られやすいでしょう。

行動規範の内容に同意します

回答2件

ベストアンサー

ん？縦に均等ってことは、こうでは？

CSS
1p {
2  line-height:40px;/* 同数値で */
3  font-size:14px;
4}
5
6span {
7  display:inline-block;
8  vertical-align:middle;
9  line-height:40px;/* 同数値で */
10  font-size:18px;
11}

投稿2017/03/11 22:12

LibertyBell3

総合スコア1084

こういうことでしょうか？

html
1<!doctype html>
2<html lang="ja">
3
4<head>
5  <meta charset="UTF-8">
6  <title>タイトル</title>
7  <style>
8    p {
9      font-size: 14px;
10
11      /* 追加部分 */
12      display: inline-block;
13      text-align: justify;
14      text-align-last: justify;
15    }
16
17    span {
18      font-size: 18px;
19    }
20  </style>
21</head>
22
23<body>
24  <p>
25    1こちらはダミーテストです。<br>
26    2こちらはダミーテストです。<br>
27    <span>3こちら</span>はダミーテストです。
28  </p>
29
30</body>
31
32</html>