このように写真を本文の左に回りこませるには、タグに赤字の部分を追加してください。

<img class="fl-round-img" src="/images/img-incho.jpg" alt="院長" />

見出し1【h3】

見出し2【h4】

あいうえおあいうえお

見出し3【h5】

かきくけこかきくけこ

見出し4【h6】

あいうえおあいうえお

リスト表示について

リスト<ul>　番号付きリスト<ol>はそのままでは表示されないので、それぞれタグに
<ul id="clear-text">、<ul id="clear-text-dot">、<ol id="clear-text">　という感じで赤文字の部分を入れてください

• <ul id="clear-text">だとこんな感じ
• かきくけこ
• さしすせそ
• たちつてと

• <ul id="clear-text-dot">だとこんな感じ
• 通常の　・　が表示されます
• さしすせそ
• たちつてと

1. <ol id="clear-text">だとこんな感じ
2. かきくけこ
3. さしすせそ
4. たちつてと

YouTubeなどのiframeで埋め込む動画をレスポンシブに対応させる方法

赤文字のdivを追加することで、横幅だけでなく高さも自動で変ります。

<div class="rwd_embed">
<iframe width="650" height="366" src="//www.youtube.com/embed/pY4cqcS8kpE" frameborder="0" allowfullscreen=""></iframe>
</div>

テーブルについて

テーブル１

診療科の表で使用しているテーブルとスタイルシートです。

<TABLE width="100%" class="table_schedule">
<TBODY>
<TR class="day">
<TH scope="row">診療科</TH>
<TD>月</TD>
<TD>火　</TD>
<TD>水</TD>
<TD>木</TD>
<TD>金</TD>
</TR>
<TR>
<TH scope="row">○○科</TH>
<TD>前田</TD>
<TD>安倍</TD>
<TD>森野</TD>
<TD>村田</TD>
<TD>鳥谷</TD>
</TR>
</TBODY>
</TABLE>

汎用テーブル

セルの幅を％で指定することができます。行のたくさんある表などのときに使用します。

<TABLE width="100%" class="table_hanyo02">

<table width="100%" class="table_schedule">
<tbody>
<tr class="day">
<TH width="20%" align="center" scope="row">タイトル1</TH>
<TD width="5%" align="center">タイトル2</TD>
<TD width="5%" align="center">タイトル3</TD>
<TD width="5%" align="center">タイトル4</TD>
<TD width="5%" align="center">タイトル5</TD>
<TD width="10%" align="center">タイトル6</TD>
<TD width="10%" align="center">タイトル7</TD>
<TD width="18%" align="center">タイトル8</TD>
<TD width="22%" align="center">備考</TD>
</tr>
<tr><th align="center" scope="row">width=&quot;20%</th>
<td align="center">width=&quot;5%&quot;</td>
<td align="center">width=&quot;5%&quot;</td>
<td align="center">width=&quot;5%&quot;</td>
<td align="center">width=&quot;5%&quot;</td>
<td align="center">width=&quot;10%&quot;</td>
<td align="center">width=&quot;10%&quot;</td>
<td align="center">width=&quot;18%&quot;</td>
<td align="center">width=&quot;22%</td>
</tr>
</tbody>
</table>